1. 断点调试（Breakpoints）：
- 在代码中设置断点，当执行到该位置时暂停程序。
- 可以在单个函数、循环或整个脚本中设置断点。
- 可以通过点击代码行号来设置断点。
- 可以查看当前变量的值、调用栈等信息。
2. 单步执行（Step Over）：
- 在单步执行模式下，每次执行到下一行代码时，程序会暂停并显示当前变量的值。
- 可以在单步执行模式下查看变量值的变化。
- 可以手动控制执行顺序，以便更好地理解代码逻辑。
3. 单步执行与条件执行（Step Over/Step In）：
- 在单步执行模式下，可以选择“Step Over”或“Step In”来执行代码。
- “Step Over”表示跳过当前行，继续执行下一行；“Step In”表示进入当前行，执行下一行。
- 可以根据需要选择执行方式，以便更好地观察代码逻辑。
4. 监视表达式（Watch Expressions）：
- 监视表达式允许开发者在代码中定义一个表达式，然后将其作为变量名使用。
- 当程序执行到该表达式时，会自动计算其结果并更新为变量名所指向的值。
- 可以监视任何变量、函数返回值等。
5. 调试窗口（Debugging Window）：
- 调试窗口提供了丰富的信息，包括变量、表达式、控制流等。
- 可以查看当前变量的值、调用栈等信息。
- 可以查看函数的参数、返回值等信息。
- 可以查看代码片段的运行结果。
6. 堆栈跟踪（Stack Trace）：
- 堆栈跟踪显示了程序执行过程中的调用关系。
- 可以查看函数调用的顺序、参数等信息。
- 可以帮助识别错误原因，例如内存泄漏、死锁等问题。
7. 断点调试助手（Breakpoint Debugger）：
- 提供了一系列工具，如单步执行、单步执行与条件执行等。
- 可以帮助开发者更高效地调试代码。
8. 性能分析工具（Performance Tools）：
- 提供了一系列的性能分析工具，如CPU使用率、内存使用情况等。
- 可以帮助开发者优化代码性能，提高应用程序的响应速度。
9. 快捷键操作：
- Chrome浏览器提供了丰富的快捷键操作，方便开发者进行调试。
- 熟练掌握这些快捷键可以提高调试效率。
10. 插件支持：
- Chrome浏览器支持多种插件，如Source Map、Debugger for Chrome等。
- 这些插件可以帮助开发者更方便地进行调试。
