google-chrome-extension - 如何使用新的 OptionsV2 方法调试 Chrome 扩展 "options"页面？

Question

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

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

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

Answer 1

澳大利亚邮政，

Teepeemm 的评论是正确的。

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

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

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

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

现在在这里，在这个选项卡中；您可以围绕 HTML 和 javascript 进行常规调试。

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