debugging - 通过访问 chrome.devtools api 来调试 Chrome 扩展

Question

我是 Chrome 扩展开发的初学者。我需要扩展现有的扩展（angularjs-batarang），但我在调试时遇到了一些问题。

manifest.json有条目：

  "background": {
    "page": "background.html"
  },
  "devtools_page": "devtoolsBackground.html"

问题是：如何调试devtools_page？我添加了manifest.json附加条目 "options_page": "devtoolsBackground.html"，当我将此扩展程序添加到 Chrome 时，我可以options从chrome://extensions. 它之所以有效，是因为应用程序在断点处停止。但不幸的是我无法访问chrome.devtoolsAPI。所以这不是解决方案。

我怎样才能调试它并访问这个 API？

Answer 1

要打开 devtools 页面的开发者工具，我通常遵循以下步骤：

1. 打开开发者工具。
2. 如果尚未完成，请取消停靠开发人员工具（通过左下角的按钮）。
3. 按Ctrl++Shift打开J开发者工具的开发者工具。
4. 可选：如果您在第 2 步取消停靠，请随时再次停靠开发人员工具。
5. 从“ <top frame>”切换到devtoolsBackground.html（或您为开发工具选择的任何名称）。（示例）
6. 现在您可以使用控制台选项卡来使用chrome.devtoolsAPI。