浏览器调试工具怎么调试异步加载的js

Question

如题所述

Answer 1

你好，这个问题其实很简单，如果异步加载的JS可以直接修改，则可以通过在该JS文件中手动添加“debugger;”语句实现自动断点。例如异步加载的JS文件内容为：

(function(window){
    var num = Math.random() * 1000;
    debugger; // 调完记得删除
    num += 100;
    console.log(num);
})(window);

待调试完毕后，删除该语句即可。

但是，如果被异步加载的JS不方便随意修改，则可以将JS存到本地，使用Fiddler等代理软件，将JS代理到本地，再使用以上方法进行调试。待修复完毕后删除调试代码，上传覆盖远程JS文件即可。

另外，我曾经写过一篇文章《一探前端开发中的JS调试技巧》有更详细的演示，只需前往百度首页搜索文章标题，即可得到文章地址。

希望是你想要的答案，如有疑问可追问，望采纳~~