如何在JavaScript代码中进行断点调试

2026-04-17 16:15:10

1、打开谷歌浏览器,访问项目地址,按F12,找到sources,及请求的方法页面,如图

如何在JavaScript代码中进行断点调试

2、找到请求方法,在右侧打开的页面中,找到要调试的js,在调试单击左键,就已经在所在行添加上了断点,如图

如何在JavaScript代码中进行断点调试

3、断点调试图标介绍,快捷键F8是执行到最后一步,F10执行下一步,ctrl+F8禁用断点

如何在JavaScript代码中进行断点调试

4、进入断点利用F10调试,当鼠标悬浮在变量上的时候可以查看到变量的值,如图

如何在JavaScript代码中进行断点调试

5、在调试代码中单击右键,会出现很多选项,感兴趣的可以去自己去学习下,例如“Evaluate in Console”可以用鼠标选择想要查看的变量或表达式,然后右键菜单执行“Evaluate in Console”,就可以看到该表达式的当前的值了。

如何在JavaScript代码中进行断点调试

6、js断点的简单调试本文就介绍到这里里,希望广大初学者在实际的应用中不断的深入学习.

如何在JavaScript代码中进行断点调试

猜你喜欢