调试Chrome扩展的popup.html？

我正在制作Chrome扩展程序，需要查看popup.html的HTML/CSS/JS。调试Chrome扩展的popup.html？

我不能右键单击来检查元素。有另一种方法吗？我需要确保CSS和JavaScript正确插入。如何调试该弹出文件中的问题？

来源

2011-02-18 Skizit

记录文档，教程：调试：https：//developer.chrome.com/extensions/tut_debugging – brasofilo 2016-02-13 04:08:16

右键点击扩展的按钮，然后从“检查弹出”

来源

2011-02-18 10:10:29

正是我想要的。我不知道那里有。谢谢！ – Skizit 2011-02-18 10:11:35

在Chrome 22（2012年8月1日发布的Canary）中，'Inspect Popup'选项已被删除，可能是因为您可以从弹出窗口中'检查元素'。但是，正因为如此，没有办法在加载时运行的代码上调试/设置断点。到目前为止，我唯一的解决方案是将setTimeout设置为10-15秒，这使我有时间打开弹出窗口，选择'Inspect Element'，找到Scripts标签并在超时函数内设置断点。你知道更简单的方法吗？ – Schmuli 2012-07-31 22:08:56

我不知道，对不起，我希望chrome团队能够停止破坏事情。 – 2012-08-01 16:59:04

是的，“审查弹出”扩展程序图标，并分开 - 从扩展管理器，你也可以检查你的选项页。

来源

2011-06-28 06:51:08 aCode

Inspect Popup已经离开了最新的版本。

以下是我如何调试Chrome扩展弹出窗口。

单击弹出式按钮以查看网页（弹出窗口本身）。
右键单击窗口并选择检查元素
Chrome调试器窗口出现正确的上下文，但您已经错过了您的断点和debugger语句。
这是窍门。点击调试器的控制台部分，然后输入：location.reload(true)，然后按回车。

现在你的断点被击中了！伟大的方式来重新加载更改的脚本，而无需重新访问扩展页面。

来源

2012-08-22 07:40:47

也许是另一种方式，可能是找到ID：在Chrome应用程序：//铬/扩展/

然后，您可以

chrome-extension://id_of_your_application/popup.html

交易所弹出加载弹出在常规窗口.html作为您在“default_popup”属性下的manifest.json中指定的文件。

来源

2012-09-06 10:50:20

调试Chrome扩展的popup.html？

回答

相关问题