谷歌浏览器调试js代码

谷歌浏览器调试js代码

前言

在没有开发环境的情况下，特别是代理无法使用，定位一个js问题是很麻烦的。谷歌浏览器F12，在源代码处有多种调试js代码的方法，我只用过一种哈。

调试js代码

1. 打开F12，在sources找到需要调试的js文件
   

2. 在需要修改js的前面打上断点（最好在最前面哈）
   

3. 按f5 刷新页面，稍等片刻

4. 修改js，按ctrl+s保存（一定要保存，不然不生效）
   

5. 运行代码，可以点击这个蓝色图标（全部执行），也可以一行一行执行。
   

6. 这种调试方法适合用来定位问题，不太适合开发使用，开发需要经常修改代码，每次修改都需要重头开始玩，很繁琐。最后，调试完成记得把断点去掉哈。