通过访问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.devtools API。所以这不是解决方案。

如何调试此权限并可以访问此API？

Answer 1

要打开devtools页面的开发人员工具，我通常按照以下步骤操作：

1. 打开开发人员工具。
2. 如果尚未完成，请取消开发人员工具（通过左下角的按钮）。
3. 按 Ctrl + Shift + J 打开开发人员工具的开发人员工具。
4. 可选：如果您在步骤2中已将其取消停靠，请随时重新停靠开发人员工具。
5. 切换自＆＃34; <top frame>＆＃34;至devtoolsBackground.html（或您为您的工具选择的任何名称）。 （example）
6. 现在，您可以使用“控制台”标签来使用chrome.devtools API。