google-chrome-devtools - 在 Chrome 开发者工具 22 中看不到动态加载的代码

Question

当我通过 AJAX 动态加载包含 javascript 的 html 片段时，我无法在 Chrome 22.0.1229.94 的开发人员工具窗口的源选项卡中看到该内容。很明显，我去了这里

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic

此页面显示了一个过时的示例开发人员工具窗口。页面上有一个按钮可以加载动态脚本，但在您加载动态脚本时它不会显示在源选项卡中。

作为一种解决方法，我发现添加

debugger;

到脚本并重新加载它会导致它在动态加载的代码中暂停，但不幸的是，所有行号都显示为灰色，并且您无法在调试器中设置任何断点。

我在这里遗漏了什么还是什么？

谢谢，
抢

Answer 1

当您使用动态加载的库或 javascript 代码时，您可以使用短语

//@ sourceURL=foo.js

在 javascript 代码的开头， foo.js 是将分配给它的名称。调试器将使用该名称显示它。
这在 chrome 中是正确的，我也认为在 firebug 中。
在这种情况下，您可以在动态加载的 javascript 代码中放置一个断点。