浏览器中进行js断点调试

大兄弟 2019年01月05日0   156

很多IDE都有对应语言的debug功能,而js的调试其实不用借助IDE进行调试,直接在浏览器中就可以自行调试,我使用的是QQ浏览器,下面是调试流程

  1. F12弹出开发者工具,如图工具导航栏找到Sources,可以看到页面中的js代码全部都在这里列举了。

    image.png

  2. 下断点,在代码框内,左击一下左侧的行号即可

    image.png

  3. F5刷新页面进行调试

  4. 单步,找到右上角的小三角符号,点击进入下一个断点。代码框内显示了变量的数据。

    image.png