浏览器断点调试

断点调试的在线地址

https://googlechrome.github.io/devtools-samples/debug-js/get-started

通过点击事件快速找到对应的代码

一定要点击进去哈。

如何给函数打断点

我们一般把断点打印中可能出现问题的哪一行代码

BreakPoints就是断点信息

谷歌浏览器那几个断点的区别

上曲线下点 f10：执行完这一行代码（把这一行代码全部执行完）跳到下一行代码

鼠标选中其中的变量或者方法就可以得到其中的结果

进入函数体呢 (箭头向下，点在下)

箭头向上点在下表示：把这函数立即给我全部执行完，然后回到上一层的调用。

我们可以通过下面的符号，完成上面的需求。
这个符号表示：把这函数立即给我全部执行完，然后回到上一层的调用。

Scope下的Local就是当作作用域下的变量

点击watch中的+号可以添加表达式 【如何写入表达式1】

特别提醒：watch中的+号的表达式是：实时更新的。

按下键盘的Esc(在键盘的左上角)可以直接唤醒控制台【如何写入表达式2】

直接在浏览器中更改代码，然后让浏览器重新运行

更改代码的时候，要在断点还没有执行的时候去更改代码，否在你是更改不了的。

在表达式前面新增一个 + 号

在表达式前面新增一个 + 号，像下面这样的。会把字符串转化为数字。

点击这个取消浏览器内的所有断点