当打开开发者控制台时扩展表现不同时，如何对扩展进行故障排除？

Question

我的扩展程序打开一个“面板”类型的弹出窗口，其中显示折叠的数据列表。用户可以手动扩展列表。 我发现的问题是，如果用户扩展列表，则在几秒钟不活动后，列表会自动折叠。就像弹出窗口正在重新加载一样。

一旦我打开开发工具，问题就消失了并且不再重现。我在浏览器扩展页面中注意到的一件事是，我的扩展在操作弹出窗口重新加载之前变得“不活动”，并且在我展开列表后它仍然“不活动”，但几秒钟后它仍然会自动折叠。

那么，我该如何解决这个问题？

Answer 1

我发现了问题所在。
我的弹出窗口通过

chrome.runtime.connect

与服务工作人员通信。
它有一个

onDisconnect

监听器，当服务工作人员变得不活动时，它会启动弹出窗口初始化功能，这实际上会重新加载弹出窗口。

所以，回答我自己的问题，由于问题与 Service Worker 变得不活动有关，但只有当 devtools 未打开时，我们可以通过 chrome://serviceworker-internals/ 或通过

devtools

强制暂停 Service Worker ->

Application

->

Service workers

->

stop

按钮

参考