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

How can one debug the Chrome extension "options" page using the new OptionsV2 method?

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

但是,当我使用 options_ui 时,我无法通过我的选项页面找到任何实际调试脚本 运行 的方法——选项弹出窗口在一个标签中,开发人员工具不'告诉我来源,甚至 HTML 内容。

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

鸟卜仪,

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.

进行常规调试

我希望这能满足 'new options UI' 对 chrome 的调试要求。

Teepeemm 的评论是正确的。

只需在选项页面模式中右键单击并选择 "Inspect element" 即可 - 它会打开正确的开发工具。