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的评论是正确的。
其他方式,您可以使用其完整 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的评论是正确的。
这就像在选项页面模式内右键单击并选择"检查元素"一样简单 - 它将打开正确的开发工具。