调试你的Chrome插件：使用Chromium开发工具
2023-09-30 16:50:00
这个指南会向您介绍如何使用Chromium的内建开发工具进行应用（扩展）调试。
查看应用（扩展）信息
1.加载Hello World应用（扩展）。如果这个应用（扩展）正在运行中，你将在浏览器右边的地址栏中看到一个彩色的图标。点击它以打开应用（扩展）详细信息页面。
2.在详细信息页面，点击检查应用（扩展）背景页 。
这将打开一个新的调试器窗口，其中包含一个源代码编辑器和一个控制台。
源代码编辑器
源代码编辑器允许您查看和编辑应用（扩展）的源代码。您可以使用它来设置断点、逐步执行代码，并在变量上悬停以检查它们的当前值。
控制台
控制台是一个多功能工具，可用于打印消息、评估表达式和运行JavaScript代码。您可以使用它来记录调试信息、测试代码片段，或与您的应用（扩展）交互。
设置断点
断点是您希望在代码执行时暂停的地方。要设置断点，请将光标放置在源代码中您想要暂停的行上，然后按F9。断点将显示为源代码行旁边的蓝色圆圈。
逐步执行代码
单步执行代码允许您逐行执行代码并检查每一步的结果。要逐步执行代码，请使用调试器工具栏上的以下按钮：
- F10 ：单步执行下一行代码。
- F11 ：单步执行进入当前函数。
- Shift+F11 ：单步执行跳出当前函数。
检查变量
要检查变量的当前值，请将鼠标悬停在源代码中的变量上。调试器将显示一个弹出窗口，其中包含变量的值和类型。
记录调试信息
要记录调试信息，请使用console.log()方法。这将在控制台中打印一条消息。
测试代码片段
要测试代码片段，请在控制台中输入代码并按Enter。这将运行代码片段并在控制台中打印结果。
与应用（扩展）交互
您可以使用控制台与您的应用（扩展）交互。例如，您可以调用函数、设置变量或发送消息。
代码检查
Chromium开发工具还包括一个代码检查程序，它可以帮助您识别潜在的错误和问题。要访问代码检查程序，请点击源代码编辑器左下角的运行代码检查 按钮。
其他资源
