如何使用新的 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" 即可 - 它会打开正确的开发工具。
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" 即可 - 它会打开正确的开发工具。