可以访问chrome.devtools API调试Chrome扩展程序

麦克罗布

我是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?

罗伯·W

要打开devtools页面的开发人员工具,我通常遵循以下步骤:

  1. 打开开发人员工具。
  2. 取消开发人员工具的对接(如果尚未完成)(通过左下角的按钮)。
  3. Ctrl+ Shift+J打开开发人员工具中的开发人员工具。
  4. 可选:如果您在步骤2中取消了对接开发人员工具的操作,请再次将其停靠。
  5. 从“ <top frame>切换devtoolsBackground.html(或为devtools选择的任何名称)。示例
  6. 现在,您可以使用“控制台”选项卡来使用chrome.devtoolsAPI。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用DevTools的Chrome扩展程序

来自分类Dev

如何调试Chrome devtools面板扩展?

来自分类Dev

Chrome DevTools扩展是否可以替代preprocessorScript?

来自分类Dev

开发Chrome扩展程序时,Chrome React Devtools不显示

来自分类Dev

我可以使用Chrome Devtools调试Desktop Safari吗?

来自分类Dev

Chrome 扩展程序 vue-devtools 未检测到 Vue

来自分类Dev

Chrome扩展程序:devtools面板可以接收一次性消息吗?

来自分类Dev

Chrome DevTools Profiler

来自分类Dev

Chrome DevTools 100%CPU

来自分类Dev

chrome-devtools://devtools/devTools.css无法载入

来自分类Dev

从Chrome扩展程序访问API

来自分类Dev

Google Chrome DevTools扩展-检测页面更改

来自分类Dev

Google Chrome DevTools扩展-检测页面更改

来自分类Dev

chrome devtools 扩展:Windows 上的 CORS 问题

来自分类Dev

是否可以从Javascript(Chrome扩展程序)访问Amazon Product API

来自分类Dev

Chrome DevTools框架事件计时

来自分类Dev

Chrome中的React DevTools问题

来自分类Dev

Google Chrome DevTools字体渲染

来自分类Dev

是否可以在网页内显示chrome devtools数据?

来自分类Dev

页面加载期间可以打开Chrome DevTools吗?

来自分类Dev

有什么方法可以从DevTools界面刷新Chrome?

来自分类Dev

仅从Chrome扩展程序安全访问API

来自分类Dev

为什么没有chrome-devtools://的网址打开devtools?

来自分类Dev

Chrome devTools不再看到用于调试的USB设备

来自分类Dev

在chrome devtools中找不到要调试的JavaScript源映射

来自分类Dev

将邮件从devtools面板发送到Chrome扩展程序中的新标签页

来自分类Dev

Webstorm 10 Chrome扩展程序调试

来自分类Dev

使用redux devtools(chrome扩展)配置redux存储

来自分类Dev

使用redux devtools(chrome扩展)配置redux存储

Related 相关文章

  1. 1

    使用DevTools的Chrome扩展程序

  2. 2

    如何调试Chrome devtools面板扩展?

  3. 3

    Chrome DevTools扩展是否可以替代preprocessorScript?

  4. 4

    开发Chrome扩展程序时,Chrome React Devtools不显示

  5. 5

    我可以使用Chrome Devtools调试Desktop Safari吗?

  6. 6

    Chrome 扩展程序 vue-devtools 未检测到 Vue

  7. 7

    Chrome扩展程序:devtools面板可以接收一次性消息吗?

  8. 8

    Chrome DevTools Profiler

  9. 9

    Chrome DevTools 100%CPU

  10. 10

    chrome-devtools://devtools/devTools.css无法载入

  11. 11

    从Chrome扩展程序访问API

  12. 12

    Google Chrome DevTools扩展-检测页面更改

  13. 13

    Google Chrome DevTools扩展-检测页面更改

  14. 14

    chrome devtools 扩展:Windows 上的 CORS 问题

  15. 15

    是否可以从Javascript(Chrome扩展程序)访问Amazon Product API

  16. 16

    Chrome DevTools框架事件计时

  17. 17

    Chrome中的React DevTools问题

  18. 18

    Google Chrome DevTools字体渲染

  19. 19

    是否可以在网页内显示chrome devtools数据?

  20. 20

    页面加载期间可以打开Chrome DevTools吗?

  21. 21

    有什么方法可以从DevTools界面刷新Chrome?

  22. 22

    仅从Chrome扩展程序安全访问API

  23. 23

    为什么没有chrome-devtools://的网址打开devtools?

  24. 24

    Chrome devTools不再看到用于调试的USB设备

  25. 25

    在chrome devtools中找不到要调试的JavaScript源映射

  26. 26

    将邮件从devtools面板发送到Chrome扩展程序中的新标签页

  27. 27

    Webstorm 10 Chrome扩展程序调试

  28. 28

    使用redux devtools(chrome扩展)配置redux存储

  29. 29

    使用redux devtools(chrome扩展)配置redux存储

热门标签

归档