
chrome的开发者模式可以非常方便快速的调试js代码。
工具/原料
1.chrome浏览器一个测试的html文件,里面包含了测试的js函数
方法/步骤
2.第一步,在chrome浏览器打开html文件,用F12快捷键打开chrome开发者工具模式。
3.第二步,选择Sources的选项卡,点击左侧Page下的运行的本地html文件。
4.第三步,添加断点,需要在哪一行添加调试断点直接点击对应的行号就可以了。
5.第四步,刷新页面进入断点,介绍了常用的几个按钮,如图标注的1、2、3:1.跳转到下一个断点2.逐行执行3.跳过所有断点
6.第五步,鼠标移动到变量上的时候能看到具体的执行结果,方便debug js程序了。













