调试 Chrome 扩展程序时，有什么方法可以让开发人员工具保持打开状态？

Question

我正在尝试调试 Chrome 扩展程序，但每次刷新它时，与扩展程序关联的开发人员工具窗口都会关闭。有谁知道是否有办法让它保持打开状态？

这就是我正在做的事情：我单击扩展按钮，这会打开一个弹出窗口。然后我右键单击它并单击“检查”。这将打开开发人员工具。现在，如果我再次单击扩展按钮以刷新它（当我更新代码时），开发者工具将关闭。 :(

Answer 1

有两种方法可以做到这一点。

• 单击开发工具弹出窗口，使窗口聚焦，然后按 F5。这将重新加载弹出窗口和开发工具，并且不会导致开发工具窗口关闭。
• 如果这对您不起作用，请转到 Chrome 上单独选项卡上的 chrome-extension://extensionid/path/to/popup.html。从那里，您可以检查元素，刷新文件不会导致开发工具关闭。

Answer 2

开发工具正在关闭，因为托管页面正在关闭（弹出窗口）。如果关闭弹出窗口，视图及其逻辑将停止工作，因此无需检查。

如果您想调试后台页面，它不会在弹出窗口中关闭，因为它是在后台运行的。这就是你所能做的。