如何使用浏览器调试js程序

2024-11-11 06:48:28

1、第一步,在chrome浏览器打开html文件,用F12快捷键打开chrome开发者工具模式。

如何使用浏览器调试js程序

2、第二步,选择Sources的选项卡,点击左侧Page下的运行的本地html文件。

如何使用浏览器调试js程序

3、第三步,添加断点,需要在哪一行添加调试断点直接点击对应的行号就可以了。

如何使用浏览器调试js程序

4、第四步,刷新页面进入断点,介绍了常用的几个按钮,如图标注的1、2、3:1.跳转到下一个断点2.逐行执行3.跳过所有断点

如何使用浏览器调试js程序

5、第五步,鼠标移动到变量上的时候能看到具体的执行结果,方便debug js程序了。

如何使用浏览器调试js程序
猜你喜欢