jquery - 如何调试通过 AJAX(特别是 jQuery)加载的 Javascript

Question

我最近改变了我的编码风格，将更复杂的项目“按需”加载页面(及其嵌入的脚本)。但是，很难调试这些脚本，因为它们加载时如下所示:

jQuery.get('/myModularPage', function(html){ /* insert the loaded page into the DOM */ });

或

$('#some-container').load('/myOtherPage');

这些脚本运行完美，但如果我正在调试，如何在这些动态加载的页面和脚本中设置断点？

Answer 1

将其添加到您希望其中断的 js 文件中:

debugger;

然后像任何其他调试器一样单步进入/越过/退出。

适用于动态加载的脚本和页面。据我所知，仅适用于 Chrome。