如何进行js的debug

在浏览器中调试，一般浏览器是按F12，会出现开发窗口，在开发窗口的sources选项找到你要调试的js文件，在文件的左边行号那里点击一下就可以下断点，js代码运行到那里就会停止，然后你就可以一步步调试下去了。

如果js文件不能在node下运行debug，执行以下步骤

1.在当前项目下打开终端，运行命令"node --debug-brk Web storm"然后ctrl+c

2.在需要debug的文件中，点击右上角带有js的图标，进入edit configurations界面

3.进入后点击左上角＋，选择node.js remote debug

4.编辑name以及确保port和步骤1中得到的port一致，点击apply然后点击ok

5.再在终端运行命令" node --debug-brk "需要debug的js文件名

6.在需要debug的js页面设置断点，然后右击运行debug即可

7.完成后出现如下图

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

(function(window){

var num = Math.random() * 1000

debugger// 调完记得删除

num += 100

console.log(num)

})(window)

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

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

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

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

---