javascript - 调试动态添加的javascript文件

标签 javascript jquery debugging firebug google-chrome-devtools

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

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

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

最佳答案

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

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

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

从那里,Chrome DevTools(和 Firebug)会将其视为“真实文件”。

Much more explanation here HTML5 Rocks 有 an article和一个 sourceURL demo .

关于javascript - 调试动态添加的javascript文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10651655/

相关文章:

javascript - 在工具提示中添加新行

javascript - 根据选择框更改 DIV 可见性

python - 什么 python 可以仅使用对象自己的标签来告诉我有关对象的信息?

javascript - 中止在 Redux 中获取数据

javascript - 仅执行一次函数

javascript - 如果原始子类方法已在子类中被重写,如何访问该方法?

jQuery 重置表单值+无效错误

javascript - Jquery 切换和添加/删除

debugging - 将调试符号从 DWARF 转换为 PDB

linux - 读取返回 ERESTARTSYS 后被 SIGHUP 杀死的进程