Chrome 开发者工具 Console 面板里的 VM 是什么含义

例子:我在 SAP UI5 框架某处代码设置断点,例如 Device.media.getCurrentRange

然后在 Chrome 开发者工具 Console 面板里直接调用这个函数,断点触发:

Chrome 开发者工具 Console 面板里的 VM 是什么含义_第1张图片

Chrome 开发者工具里显示 VM 加上一串数字:

Chrome 开发者工具 Console 面板里的 VM 是什么含义_第2张图片

VM 是短语 Virtual Machine 的缩写。 在 Chrome JavaScript 引擎(称为 V8)中,每个脚本都有自己的脚本 ID。

有时 V8 没有关于脚本文件名的信息,例如在 eval 的情况下。 因此 devtools 使用与脚本 ID 连接的文本 VM 作为这些脚本的标题。

一些网站可能会通过 XHR 获取许多 JavaScript 代码并对其进行评估。 如果开发人员想要查看这些脚本的实际脚本名称,她可以使用 sourceURL。 DevTools 解析并将其用于标题、映射等。

我们如果直接在 Chrome 开发者工具 Console 面板里使用 console.log 打印,则打印的字符串的右边,也会出现这些 VMXXXX 的源代码位置:

每当通过 AJAX 加载 HTML 内容并且该内容包含

你可能感兴趣的:(Chrome 开发者工具 Console 面板里的 VM 是什么含义)