如何使用新的 OptionsV2 方法调试 Chrome 扩展程序"options"页面?



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

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

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

Auspex,

Teepeemm的评论是正确的。

其他方式,您可以使用其完整 URL 从其他选项卡启动选项页面喜欢

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

例如,说我的扩展ID aaabbbcccdddeeefffggg,并说,我的选项页面位于(从扩展根目录)在 app/html/options.html;然后我可以在新选项卡中加载下面的URL---

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

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

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

>Teepeemm的评论是正确的。

这就像在选项页面模式内右键单击并选择"检查元素"一样简单 - 它将打开正确的开发工具。

最新更新