在需要调试的页面按下F12(Ctrl+Shift+I，右击鼠标选择检查(图1))或者如下图操作：
图(1)
图(2)
2.打开开发者工具后选择Sources如图
3.打开Sources页面后，在红色框内选择需要调试的文件双击打开，黄色框内点击设置断点，开始调试你的代码吧
4.打开文件后在行号前面单击添加断点(如上图蓝色部分)，按F5刷新页面即可调试。
1.打开检查，在sources找到对应的js文件，打上断点2.刷新页面出现灰色区域表示进入调试模式
3.上面的按钮表示下一步也可以使用快捷键f10
4.上面的按钮表示终止本次调试（终止不了可以多点几次），但是刷新依然会进入调试模式
5.点击上面的蓝色按钮，表示取消断点，再次刷新页面就不会进入调试模式
工具/原料
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请求，以下是页面打开后所有发起的请求。
