可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”，可以在百度中搜索并下载，如图：
2.使用火狐浏览器打开需要调试页面（也可以在开发工具设置火狐浏览器来打开），如图：
3.按F12打开“开发者工具”。界面如图：
4.选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点，如图：
5.按F11或者F10单步调试JS（F11和F10的区别：F11调试，单步执行,进入调用的其它函数；F10调试，单步执行，不进入调用的其它函数）。也可以单机页面上相应的按钮进行调试。如图：
js代码在页面渲染的时候已经执行了，就是说从请求一个页面到完整看到一个页面之后，这个页面相关的js代码已经执行完毕，下次执行的时候依然是页面再次刷新加载的时候。\x0d\x0af12修改代码刷新后还是会变回原来的代码，再次执行的还是原来的代码。\x0d\x0a对于已经执行过的且已知在页面中不会再次执行的的代码，直接在debugger里修改是没有用的，即使保存了，但是只要一刷新页面，JS的代码内容是会重新从cache获取或者重新向服务器请求然后执行的，但是这不代表就是不能修改。\x0d\x0a比如对于那些通过事件触发的代码，当修改并保存以后，是会生效的，前提是第一没有刷新页面，第二可以在不刷新页面的前提下执行这段修改过的代码（比如绑定事件）。
