1、在chrome中打开开发者工具，打开方式如下图，也可以使用快捷键F12来打开。
2、找到一个叫做“Sources”,点击它
3、可以在左侧侧栏的序号那些位置点击一下就设置成断点，当你要执行某个函数的时候浏览器就会自动进入调试模式了
如果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.完成后出现如下图
工具/原料
chrome浏览器 Mozilla firefox 电脑
方法/步骤
1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。
2、选择指定的dom节点进行查看和编辑。
3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for (var i=0i<10i++){alert(i)}调试截图如下：
4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。
