Chrome DevTools 101-调试 JavaScript

本交互式教程循序渐进地教您在 Chrome DevTools 中调试 JavaScript 的基本工作流程。 虽然教程介绍的是如何调试一种具体问题，但您学到的一般工作流程对调试各种类型的 JavaScript 错误均有帮助。

如果您使用来查找和修正代码中的错误，可以考虑改用本教程介绍的工作流程。 其速度快得多，也更有效。

视频中提到的链接：

Demo：https://git.io/vNT4A

本教程的文字版本：https://goo.gl/NZxQdD

Breakpoints Guide: https://goo.gl/9XYhhF

JavaScript Debugging Reference: https://goo.gl/osaf2

本视频主要介绍了如何使用 DevTools 调试 JavaScript 脚本，以及修复 JavaScript bug 的方法和步骤:

第 1 步：重现错误

第 2 步：使用断点暂停代码

第 3 步：单步调试代码

第 4 步：设置另一个断点

第 5 步：检查变量值

第 6 步：应用修正

后续步骤