如何使用新的OptionsV2方法调试Chrome扩展"选项"页面?

Aus*_*pex 8 google-chrome-extension google-chrome-devtools

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

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

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

Rah*_*dar 15

Auspex,

Teepeemm的评论是正确的.

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

chrome-extension://{your extension id here}/{your options page path here, from the extension root}
Run Code Online (Sandbox Code Playgroud)

例如,说我的扩展名为aaabbbcccdddeeefffggg,并说,我的选项页面位于(来自扩展名根目录)app/html/options.html; 然后我可以在新标签中加载以下网址---

chrome-extension://aaabbbcccdddeeefffggg/app/html/options.html
Run Code Online (Sandbox Code Playgroud)

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

我希望这足以满足您对chrome的"新选项UI"的调试要求.