繁体   English   中英

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

[英]How do I debug a dynamically loaded resource in Chrome?

我打

Ctrl Shift J调出调试器。

然后,我转到“源”选项卡。

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

我想浏览一个动态加载的文件。

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

有没有办法在Chrome中做到这一点?

Ctrl + Shift + C在Chrome中。

在出现的Chrome检查器中的“转到源”选项卡上,在要调试的任何文件和行上放置一个断点。

重新加载页面并调试

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

请注意,尽管文档说源映射应为//#格式,但对于其中包含JS的注入HTML文件来说,这对我来说不起作用,但是当我将其更改为//@ ,它就起作用了,我可以看到检查器中列出的文件(在“域”“(无域)”下)。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM