Google chrome extension 如何调试Chrome扩展；选项“；页面是否使用新选项v2方法？

告诉我应该在清单中使用

options\u ui

，而不是

options\u页面

，并建议我立即开始升级

但是，当我使用

options\u ui

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

现在，我只是注释掉

options\u ui

，让

options\u page

在需要调试时生效。我猜设置

“options\u ui”：{“open\u in\u tab”：true，…}

也会有同样的效果，但如果能找出在以新方式运行脚本时如何实际调试脚本，那就太好了。

Auspex

---

蒂佩姆的评论是正确的

另一种方法是，您可以使用其完整URL从其他选项卡启动选项页面 像

e、 g.说出我的扩展id aaabbbccdddeeeffgfgg，并说出我的选项页面（从扩展根）位于app/html/options.html；然后我可以在一个新选项卡中加载下面的URL---

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

---

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

Teepeemm的评论是正确的

---

只需在选项页面模式中单击鼠标右键并选择“Inspect element”，即可打开正确的开发工具。

如果用户不允许，为什么要在选项卡中使用选项？我可以在选项对话框中单击鼠标右键并选择“Inspect element”。这将打开“元素”选项卡上的开发人员工具。这就是你要找的吗？@Teepeemm对不起，很明显，这是一种以假乱真的情况。非常好用，谢谢@Auspex顺便问一下，使用这种方法，您是否也面临卸载otions页面的延迟？@exexzian我没有注意到任何延迟。向下投票：“无法从此处调试”是不正确的。请把答案中的那个部分去掉，我很乐意把我的投票结果颠倒过来。是的，你是对的。蒂皮姆的评论也是正确的。您可以检查显示的选项对话框，然后检查选项JS。我想，这将是最简单的调试方法。更正我的意见。谢谢当我有

调试器时，这不起作用关键字出现在我的选项页面脚本中。开发工具根本没有到达断点。
chrome-extension://{your extension id here}/{your options page path here, from the extension root}

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