在调试Chrome扩展程序时,有没有办法让开发人员工具保持打开状态?

bod*_*ydo 16 google-chrome developer-tools google-chrome-extension

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

这就是我正在做的事情:我点击扩展按钮,打开一个弹出窗口.然后我右键单击它并单击"检查".这将打开开发人员工具.现在,如果我再次单击扩展按钮进行刷新(当我更新代码时),则开发人员工具将关闭.:(

Koo*_*ing 37

有两种方法可以实现这一目标.

  • 单击开发工具弹出窗口,使窗口聚焦,然后按F5.这将重新加载弹出窗口和开发工具,并且不会导致开发工具窗口关闭.
  • 如果这不适合您,请转到chrome-extension://extensionid/path/to/popup.htmlChrome上的单独标签.从那里,您可以检查元素,刷新文件不会导致Dev Tools关闭.


Paw*_*tyć 0

开发工具正在关闭,因为托管页面正在关闭(弹出窗口)。如果您关闭弹出窗口,视图及其逻辑将停止工作,因此无需检查任何内容。

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

  • 我只需在 devtools 中按 F5 即可弹出窗口,它会重新加载它。当然,只有当您仅在弹出窗口中更改代码时,这才有效。顺便说一句,考虑在 devtools 源编辑器中进行少量编辑来调整/测试变体。 (3认同)
  • 是的,但是当代码更改时我需要重新加载弹出窗口。所以你每次重新加载时都会继续检查吗?这相当于每天 10000 个无用的操作:( (2认同)
  • 应在独立的开发工具窗口中按 F5。 (2认同)