Chrome扩展程序：打包前调试内容脚本

Question

我正在开发Chrome扩展程序。它设置/读取本地存储，读取DOM并发送Ajax消息。但有时它永远不会到达服务器，我不知道它被卡在哪里。重新加载页面不起作用，虽然如果我在同一个选项卡中加载另一个页面，扩展名可以正常工作，如果我在另一个选项卡中加载它，原始页面将起作用。我使用activeTab权限。

我该如何调试？ Chrome教程http://developer.chrome.com/extensions/tut_debugging.html只提到了一个我没有的弹出窗口。 （我右键单击该图标，“Inspect popup”不可见。）

我尝试了普通的旧F12 /来源，但我没有看到我的扩展，即使它有效。

我在localhost上，并且未打包扩展程序。我仍然在开发者模式下工作。

Answer 1

扩展程序未显示在开发人员工具＆gt;来源＆gt;内容脚本中，可能是因为它未打包。我可以从另一个常规扩展中看到内容脚本。

看我的我：

将以下内容写成我脚本中的第一行：

debugger;

在按下扩展程序图标之前，我打开了开发人员工具：F12

现在，当我单击扩展图标时，我的脚本将在sources / program下打开。如果开发人员工具未打开，则不会执行此操作。