目录

前端程序调试打断点的方式

前端程序调试打断点的方式

1. 普通断点

  • 第一步:在想要断住的那一行,写个 debugger 或者 双击左侧的行出现红色断点

    https://i-blog.csdnimg.cn/blog_migrate/5f487c1c9f45cc807070e6410b2ad6db.png#pic_center

  • 第二步:打开浏览器,F12打开控制台,刷新浏览器(一定要先打开控制台,不然刷新断点也出不来!)

    https://i-blog.csdnimg.cn/blog_migrate/95cb7d626ffe4eebd49ab45133f25b67.png#pic_center

  • 第三步:下一步,单步执行代码

    https://i-blog.csdnimg.cn/blog_migrate/fc035db8581e7832ac747dd62922dbbc.png#pic_center

    查看变量当前值:

    https://i-blog.csdnimg.cn/blog_migrate/b91ed88d7f0d7b5248e27c91eccf2b64.png#pic_center

    结束断点:

    https://i-blog.csdnimg.cn/blog_migrate/00e0fb9f22a9579d903ce951f73fa2d8.png#pic_center

想看程序的执行步骤、查找问题都非常方便 https://i-blog.csdnimg.cn/blog_migrate/6b526de571ef20207c9294db4067a337.png#pic_center

2. 条件断点