如何使用新的OptionsV2方法调试Chrome扩展程序的“选项”页面?

Auspex

https://developer.chrome.com/extensions/optionsV2告诉我应该options_ui在清单中使用,而不是options_page,建议我立即开始升级。

但是,当我使用时,我找不到任何方法来实际调试由选项页面运行的脚本options_ui-“选项”弹出窗口位于标记中,并且开发人员工具无法向我显示源甚至HTML内容。

现在,我只是注释掉options_ui,让options_page我在需要调试时生效。我猜该设置"options_ui": {"open_in_tab": true,...}会产生相同的效果,但是弄清楚如何在以新方式运行脚本时实际调试该脚本将非常不错。

拉胡尔·塔拉夫达尔

Auspex,

Teepeemm的评论是正确的。

另外,您可以使用其他标签的完整网址从其他标签启动选项页,

chrome-extension://{your extension id here}/{your options page path here, from the extension root}

例如说我的扩展名id aaabbbcccdddeeefffggg,说我的选项页(从扩展名根开始)位于app / html / options.html;然后我可以在新标签中的网址下方加载-

chrome-extension://aaabbbcccdddeeefffggg/app/html/options.html

现在,在此选项卡中;您可以围绕HTML和javascript进行常规调试。

我希望这足以满足您对chrome的“新选项用户界面”的调试要求。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从网页打开Chrome扩展程序选项页面?

来自分类Dev

如何从Chrome扩展程序后台脚本访问页面变量

来自分类Dev

如何使用Chrome扩展程序中的新保管箱数据存储区API?

来自分类Dev

如何使用Intellij IDE调试Chrome扩展程序?

来自分类Dev

如何从Chrome扩展程序的后台js访问页面元素

来自分类Dev

如何使用Chrome扩展程序在页面加载之前隐藏所有内容

来自分类Dev

如何计算Chrome扩展程序上的页面onload事件?

来自分类Dev

如何使用SFINAE创建同一方法的2个不同实现

来自分类Dev

关闭Chrome扩展程序选项

来自分类Dev

如何使用Chrome扩展程序影响网站

来自分类Dev

在chrome扩展程序中,如何使用内容脚本注入Vue页面

来自分类Dev

Chrome扩展程序-使用热键单击页面上的元素(按钮)

来自分类Dev

在Chrome扩展程序中使用onClick在页面上添加按钮的正确方法

来自分类Dev

使用Chrome扩展程序淡出整个页面

来自分类Dev

如何使用Intellij IDE调试Chrome扩展程序?

来自分类Dev

Chrome扩展程序自动刷新选项页面用户界面

来自分类Dev

如何从Chrome扩展程序中打开的窗口获取背景页面?

来自分类Dev

Chrome扩展程序如何响应按钮在页面中的单击?

来自分类Dev

如何重定向Google Chrome扩展程序中的某些页面?

来自分类Dev

如何使用DOM2方法在Javascript中格式化JSON?

来自分类Dev

使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

来自分类Dev

如何在Chrome上覆盖“新标签页”页面(没有第三方软件,例如扩展程序)

来自分类Dev

使用背景页面和内容脚本的Chrome扩展程序

来自分类Dev

Chrome扩展程序选项

来自分类Dev

Webstorm 10 Chrome扩展程序调试

来自分类Dev

如何从Chrome扩展程序调用OnBlur方法

来自分类Dev

如何从Chrome扩展程序调用页面的javascript函数?

来自分类Dev

Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

来自分类Dev

在 newtab chrome 扩展中设置选项页面

Related 相关文章

  1. 1

    如何从网页打开Chrome扩展程序选项页面?

  2. 2

    如何从Chrome扩展程序后台脚本访问页面变量

  3. 3

    如何使用Chrome扩展程序中的新保管箱数据存储区API?

  4. 4

    如何使用Intellij IDE调试Chrome扩展程序?

  5. 5

    如何从Chrome扩展程序的后台js访问页面元素

  6. 6

    如何使用Chrome扩展程序在页面加载之前隐藏所有内容

  7. 7

    如何计算Chrome扩展程序上的页面onload事件?

  8. 8

    如何使用SFINAE创建同一方法的2个不同实现

  9. 9

    关闭Chrome扩展程序选项

  10. 10

    如何使用Chrome扩展程序影响网站

  11. 11

    在chrome扩展程序中,如何使用内容脚本注入Vue页面

  12. 12

    Chrome扩展程序-使用热键单击页面上的元素(按钮)

  13. 13

    在Chrome扩展程序中使用onClick在页面上添加按钮的正确方法

  14. 14

    使用Chrome扩展程序淡出整个页面

  15. 15

    如何使用Intellij IDE调试Chrome扩展程序?

  16. 16

    Chrome扩展程序自动刷新选项页面用户界面

  17. 17

    如何从Chrome扩展程序中打开的窗口获取背景页面?

  18. 18

    Chrome扩展程序如何响应按钮在页面中的单击?

  19. 19

    如何重定向Google Chrome扩展程序中的某些页面?

  20. 20

    如何使用DOM2方法在Javascript中格式化JSON?

  21. 21

    使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

  22. 22

    如何在Chrome上覆盖“新标签页”页面(没有第三方软件,例如扩展程序)

  23. 23

    使用背景页面和内容脚本的Chrome扩展程序

  24. 24

    Chrome扩展程序选项

  25. 25

    Webstorm 10 Chrome扩展程序调试

  26. 26

    如何从Chrome扩展程序调用OnBlur方法

  27. 27

    如何从Chrome扩展程序调用页面的javascript函数?

  28. 28

    Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

  29. 29

    在 newtab chrome 扩展中设置选项页面

热门标签

归档