9

我有一个 Web 应用程序，它根据用户选择的内容动态添加 javascript 文件，使用 ajax 实时避免刷新屏幕。

我现在正在尝试调试这些动态添加的 javascript 文件，并尝试了 Google Chrome 的开发人员工具和 Firebug 的 Firefox 插件，并注意到动态添加的 javascript“文件”没有出现，所以我无法选择它们来添加断点等等

那么，是否有解决方案，即调试动态添加的 javascript 文件？

4

2 回答 2

19

查看sourceURL哪种方式可以向 DevTools 指示应该将 eval 字符串视为真实文件。它完全符合您的要求。

在要评估的字符串的末尾，留下这种形式的评论：

//# sourceURL=app/js/myapp.js

从那里，Chrome DevTools（和 Firebug）会将其视为“真实文件”。

这里有更多解释，HTML5 Rocks 有一篇文章和一个sourceURL 演示。

于 2012-05-23T18:06:35.370 回答
8

您可以debugger;在要设置断点的动态脚本中添加语句。如果在开发人员工具 UI 打开时执行线程到达语句，这将使 chrome 像常规断点一样在其上停止。

你也可以用它来启动你的脚本，这样你的脚本就会出现在调试器中，然后你可以在你想要的地方手动设置一个断点。

于 2012-05-18T11:54:05.973 回答