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