当前浏览器窗口关闭时，如何防止 Chrome 开发者工具关闭？答案

【问题标题】：How do I prevent Chrome developer tools from closing when the current browser window closes?当前浏览器窗口关闭时，如何防止 Chrome 开发者工具关闭？
【发布时间】：2012-06-23 13:27:39
【问题描述】：

我正在尝试使用 chrome 开发人员工具来调试我在使用 Twitter oauth 时遇到的问题。

当 oauth 窗口出现时，我打开开发者工具来监控请求 - 但是一旦 oauth 窗口关闭，开发者工具窗口也随之关闭。我希望能够让开发人员工具窗口保持打开状态，以便检查发出的请求。

这可能吗？

【问题讨论】：

仅供参考，我刚刚提交了一个针对 Chromium 的错误：crbug.com/171447。
自 2017 年 12 月 15 日起，crbug.com/171447 已修复。
@tom_mai78101 如何激活它？

标签： google-chrome-devtools

【解决方案1】：

在关闭和暂停之前按F8，然后添加断点。

【讨论】：

【解决方案2】：

不是一个完美的解决方案，但您可以通过打开以下位置的复选框在事件 Window.close 和 unload 上添加断点：

Developer tools -> "Sources" tab -> Event Listener Breakpoints -> Window -> close

还有

Event Listener Breakpoints -> Load -> unload

尝试标记两者，看看哪一个最适合你

【讨论】：

有人知道为什么这对我不起作用吗？窗口仍然关闭。
我想我遇到了同样的问题。我为我的应用程序打开了开发人员窗口，但 oauth 进程正在弹出一个新窗口，因此我的断点不存在。我看到开发人员窗口弹出并关闭 oauth 窗口...叹息

【解决方案3】：

另一种选择是自己手动添加断点。打开你的关闭太快的窗口，打开 JS 控制台，然后：

window.addEventListener('unload', function() { debugger; })

但这一切都归结为窗口正在做什么，以及您想要停止的确切时间，因此如@jfhfhf839 的回答一样，在 Sources 选项卡中尝试使用 Event Listener Breakpoints 也是一个好主意。

在我的情况下（调试 Google OAuth 流程），Window -> Close 和 Load -> Unload 都没有成功，但 Script > Script First Statement 很有用，尽管我必须恢复执行几次才能到达我想要的位置。

【讨论】：

对于IE，可以使用：window.attachEvent("onunload", function() { debugger; })

【解决方案4】：

尝试使用远程调试：https://developers.google.com/chrome-developer-tools/docs/remote-debugging 在这种情况下，开发者工具将在一个不会自动关闭的单独浏览器选项卡中打开。

如果你能找到它，也可以考虑在关闭窗口的代码中设置一个断点。

【讨论】：

这可能适用于在 Android 上调试 Chrome，但不适用于我的电脑。我去了 chrome://inspect/#pages，找到了选项卡，点击了检查，但是当窗口关闭时，开发工具仍然关闭。