当我通过 AJAX 动态加载包含 javascript 的 html 片段时,我无法在 Chrome 22.0.1229.94 的开发人员工具窗口的源选项卡中看到该内容。很明显,我去了这里
https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic
此页面显示了一个过时的示例开发人员工具窗口。页面上有一个按钮可以加载动态脚本,但在您加载动态脚本时它不会显示在源选项卡中。
作为一种解决方法,我发现添加
debugger;
到脚本并重新加载它会导致它在动态加载的代码中暂停,但不幸的是,所有行号都显示为灰色,并且您无法在调试器中设置任何断点。
我在这里遗漏了什么还是什么?
谢谢,
抢
最佳答案
当您使用动态加载的库或 javascript 代码时,您可以使用短语
//@ sourceURL=foo.js
在 javascript 代码的开头, foo.js 是将分配给它的名称。调试器将使用该名称显示它。
这在 chrome 中是正确的,我也认为在 firebug 中。
在这种情况下,您可以在动态加载的 javascript 代码中放置一个断点。
关于google-chrome-devtools - 在 Chrome 开发者工具 22 中看不到动态加载的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13147505/