Chrome开发工具：来自javascript的[VM]文件

我在我的javascript文件（jaydata.js）中添加了一个断点，然后按“进入下一个函数调用”。当到达一行时：

},

弹出另一个名为“ [VM]（8312）”的文件。我一直单击“转到下一个函数调用”，现在的屏幕是：

这些标题为“ [VM]（XXXX“”的奇怪而神秘的脚本是什么，它们是从哪里来的？

[VM] (scriptId)没有特别的意义。这是一个虚拟名称，可帮助我们区分与文件名不直接相关的代码，例如使用eval和朋友创建的代码。

过去，所有这些脚本都被标记为(program)。

如果您有兴趣，只需查看"[VM]"Chromium的源代码，您会发现这些数字在开发人员工具之外没有重要意义。

更新2015-06-25

[VM] (scriptId)已重命名为VMscriptId 前一阵子，这是到搜索结果的直接链接，以防该值再次更改。

每当您通过AJAX加载HTML内容且该内容包含<script>标签时，该脚本都会使用eval（）进行评估，并被Chrome的“源代码”视图识别为以“ VM”开头的新文件。您始终可以转到“网络”标签，找到AJAX请求，然后查看包括脚本在内的整个HTML响应。

使用eval时，JavaScript会扔进Chrome调试器VM。为了查看在Chrome调试器源下使用eval创建的js，请在js的末尾（感谢Splaktar）设置此属性：

//@ sourceURL=dynamicScript.js

是否可以通过某些调试器（例如WebKit，FireBug或IE8开发人员工具）来调试动态加载的JavaScript？

如果要在chrome中调试以编程方式注入的JS文件，可以使用该debugger;语句，这比查找脚本的位置要快，而且比使用sourceurl生成文件要快。

它像断点一样工作，无论您在何处使用该debugger;语句，都可以在chrome源标签中自动精确定位您的代码。

请注意，脚本的来源是VMXXX文件。

我发现VM是从某些Chrome扩展程序中生成的-他们将CSS / JS插入页面，然后Chrome使用VM文件运行它。

调试子窗口（iframe）源（随后将其卸载）时，您的源文件还将获得VM前缀和黄色背景。

我遇到了同样的问题。问题是我的应用程序的代码被误认为是黑盒。当我尝试进入代码时，它一直打开这些VMXXXX选项卡。

删除应用程序js文件的黑盒设置后，我可以成功地逐步执行代码。

为了防止这个

(function ()
 {
  var originalEval = eval;
  eval =
   function (script)
   {
    return originalEval(script + "\n//# sourceURL=blackbox-this.js");
   }
 }());

然后黑匣子 ^.*blackbox-this.js$

当它获取字符串时，对于setInterval / setTimeout也是一样的（但无论如何都是不好的做法，对吗？））

那对你有用吗？

在调试我的角度应用程序时，我遇到了同样的问题。看到太多无法被黑盒显示的VM脚本确实需要花费很长时间进行调试。我宁愿选择mozilla / IE资源管理器进行调试。