如何在Chrome中调试动态加载的资源?

时间:2014-06-15 17:58:19

标签: javascript google-chrome

我点击了

按Ctrl Shift J调出调试器。

然后我转到了源标签页。

“源”选项卡指出您应该按Ctrl O打开文件。但是,它提取的唯一来源是index.htm页面和一个静态加载的文件。

我想逐步完成动态加载的文件。

这是我通过ajax调用然后附加到DOM的文件。

有没有办法在Chrome中执行此操作?

2 个答案:

答案 0 :(得分:0)

Chrome中的Ctrl + Shift + C.

在出现的Chrome检查器中转到“来源”标签,在要调试的任何文件和行上放置断点。

重新加载页面并调试

答案 1 :(得分:0)

根据文件的类型,您应该可以使用此developer.chrome.com/devtools/docs/javascript-debugging

请注意,尽管文档中说源代码地图的格式应为//#,但这对于我注入的包含JS的HTML文件并不适用,但当我将其更改为{{ 1}},然后它工作,我可以看到检查器中列出的文件(在"域"'(无域)')。