调试动态添加的javascript文件

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

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

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

Answer 1

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

您也可以使用它来启动脚本，因此您的脚本将出现在调试器中，然后您可以在此之后手动设置断点。

Answer 2

查看sourceURL ，这是一种向DevTools指示应将eval’d字符串视为真实文件的方法。 它完全符合您的要求。

在要被删除的字符串的末尾，请留下此表单的注释：

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

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

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