web前端开发中如何断点调试javascript

1、首先编辑好自己的代码

2、在网页中打开运行，本代码的逻辑是，点击红色的小框，程序运行javascript代码，弹出弹框

3、此时，开始debug。单击F12，点击Sources，单击左侧的数字，便可以打上断点。

4、此时，我们点击红色的小框，运行javacript，可以看见，界面如下，程序在打断点处暂停。

5、此时，我们只需要使用F10键，一步一步查看代码即可。