谷歌浏览器调试js代码

谷歌浏览器调试js代码

前言

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

调试js代码

  1. 打开F12,在sources找到需要调试的js文件
    谷歌浏览器调试js代码

  2. 在需要修改js的前面打上断点(最好在最前面哈)
    谷歌浏览器调试js代码

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

  4. 修改js,按ctrl+s保存(一定要保存,不然不生效)
    谷歌浏览器调试js代码

  5. 运行代码,可以点击这个蓝色图标(全部执行),也可以一行一行执行。
    谷歌浏览器调试js代码

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