js断点调试的两种方式
方法1:在 Source 内容区设置
(1)找到要调试的文件,然后在内容源代码左侧的代码标记行处点击,即可打上一个断点。
(2)刷新浏览器,当页面代码运行到断点处便会暂停执行。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/25e0f6ea4c76ff6759f55b12921fe0d4.png)
注:在angular等webpack工具构建的项目调试断点的时候,可以在控制台打印日志信息,然后点击对应的js文件进入对应的sources文件。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7cba60b39397b00e96cc02d9c1c9bc2a.png)
方法2:在 js 文件中设置
(1)我们在 js 源文件中需要执行断点操作的代码前加上 debugger。
(2)刷新浏览器,当页面代码运行到断点处会暂停执行
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e80ba032e2224571407b1311383446e3.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/45f1b3d9f4918dc7039135aa8961f276.png)