JavaScript 使用浏览器开发者工具

浏览器开发者工具

① 单步执行（逐语句执行）( F11)

② 逐过程执行（如果遇到函数，则执行完函数，并跳到下一句代码）( F10)

③ 结合逐过程执行、单步执行、继续运行按钮( F8)进行大段的代码调试

④ 学会使用 监视器监视变量

1、调试中，想要跳过一段函数的内部代码，可以在函数的下一句代码上打个断点，按F8，就会直接跳到函数的下一句代码。（最好逐步演示一下）

2、source 中可以看到 js 文件代码是被压缩过的，点击左下角一个大括号图标 “{ }”(pretty print)，可以展开成能看懂的普通格式。

3、学会利用强大的调试工具

例如：找事件

4、console 控制台相关知识

- 右向箭头：等待用户输入

- 在运行的过程中要输出数据，没有提示信息

- 左向箭头：如果用户输入的是表达式，会在此显示值

5、在 network 中按 esc 键可以召唤出 console 控制台，再按就隐藏 console

6、在 network 中勾选上 Disable cache 可以禁用缓存