前端点击下载（前端怎么打断点捏）
流程1：打上断点
方式一：编辑器内
在一行代码的前面或者后面写上debugger
运行到这的时候就会停止啦方式二：浏览器控制台内
直接在控制台的source目录下点击左边的行数即可
然后刷新一下
流程2：遇上断点
遇到断点后 ，程序会停止运行 ，此时注意 ，控制器里打断点的那行代码并没有被执行 ，
第一个按钮是一直执行到下一个断点的意思吗 ，直到运行完毕
第二个按钮是进行下一步 ，也就是执行下一个逻辑 ，又或者说 ，【按逻辑（比如会遇到 if 那些）去执行下一行代码】 。箭头：停止断点调试
眼睛：不跳入函数中去 ，继续执行下一行代码（F10）
向下的箭头：跳入函数中去（F11）
向上的箭头：从执行的函数中跳出
带斜杠的图标：禁用所有的断点 ，不做任何调试
最后一个图标：程序运行时遇到异常时是否中断的开关流程3：查看变量
Scope 是作用域的意思
Local：当前作用域内的变量； Closure：闭包 Global：全局变量Done
提示
提醒一句：对有异步代码的文件进行断点时有个小提醒 ，可能你在断点的情况下正常运行了 ，但不断点的情况下就不正常了 ，这时候就要想到异步的时机问题 ，可能断点的时候异步就执行完了 。
（补充）
代表 “下一步（Step） ”：运行下一条指令 ，快捷键 F9 。运行下一条语句 。如果我们现在点击它 ，alert 会被显示出来 。
一次接一次地点击此按钮 ，整个脚本的所有语句会被逐个执行 。
代表 “跨步（Step over） ”：运行下一条指令 ，但 不会进入到一个函数中 ，快捷键 F10 。
跟上一条命令“下一步（Step） ”类似 ，但如果下一条语句是函数调用则表现不同 。这里的函数指的是：不是内建的如 alert 函数等 ，而是我们自己写的函数 。如果我们对比一下 ，“下一步（Step） ”命令会进入嵌套函数调用并在其第一行暂停执行 ，而“跨步（Step over） ”对我们不可见地执行嵌套函数调用 ，跳过了函数内部 。
执行会在该函数调用后立即暂停 。
如果我们对该函数的内部执行不感兴趣 ，这命令会很有用 。
参考文章：现代 JavaScript 教程
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！