可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”，可以在百度中搜索并下载，如图：
2.使用火狐浏览器打开需要调试页面（也可以在开发工具设置火狐浏览器来打开），如图：
3.按F12打开“开发者工具”。界面如图：
4.选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点，如图：
5.按F11或者F10单步调试JS（F11和F10的区别：F11调试，单步执行,进入调用的其它函数；F10调试，单步执行，不进入调用的其它函数）。也可以单机页面上相应的按钮进行调试。如图：
火狐浏览器默认带有developer tools，开启步骤：1、开启需要调试的页面；
2、在页面右击，有弹出窗口，点击弹出窗口下的“查看元素”或直接点击F12；
3、此时会弹出调试界面。在这个界面下就可以进行结合界面的调试。
所需工具材料：火狐浏览器
方法如下：
1、打开火狐浏览器，按F12键调取调试工具。
2、选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点。
