google-chrome-devtools - 动态加载的 javascript 不显示在源面板中？

Question

例如，我有一个 ajax 请求，它返回<script src='buggy.js'></script>.

问题是，它没有出现在来源或资源面板中。这意味着我不能做所有很酷的事情，比如添加断点和在运行时检查元素。

我只能在 Network 面板下看到 js 文件的来源。

无论如何让chrome将它们添加到源面板？
或者你们如何调试动态添加的脚本？

使用金丝雀。

score 2 · Accepted Answer

我遇到了同样的问题，我找到了一个比故意异常更好的解决方法。它仍然需要更改代码，而不仅仅是在 chrome 开发工具中设置断点。

我尝试使用 OP 建议作为解决方法的“//# sourceURL=dynamicScript.js”，但它仍然没有显示给我，除非它在之前产生异常时已经存在于我的选项卡中.

编写“调试器”；线迫使它在那个位置断裂。然后，一旦它出现在“源”面板的选项卡中，我就可以像正常一样设置断点并删除“调试器”；线。

score 0 · Accepted Answer

（原始链接已损坏-以下存档链接）

2 回答 2