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

Question

我正在尝试使用 Chrome 开发者工具来调试 Twitter oauth 遇到的问题。

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

这可能吗？

Answer 1

不是一个完美的解决方案，但您可以通过打开以下位置的复选框来在事件

Window.close

和

unload

上添加断点：

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

还有

Event Listener Breakpoints -> Load -> unload

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

Answer 2

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

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

但这一切都取决于窗口正在做什么，以及您何时想要停止某些事情，因此在“源”选项卡中尝试使用“事件侦听器断点”（如 @jfhfhf839 的答案）也是一个好主意。

就我而言（调试 Google OAuth 流程），

Window -> Close

和

Load -> Unload

都没有达到目的，但

Script > Script First Statement

很有用，尽管在到达我想要的位置之前我必须恢复执行几次。

Answer 3

尝试使用远程调试。在这种情况下，开发人员工具将在单独的浏览器选项卡中打开，该选项卡不会自动关闭。

为此，您需要打开两个 Chrome 实例：

• 具有自定义的远程调试端口，您将在其中打开页面进行调试
• 另一个您可以打开

  chrome://inspect

  并找到第一个实例的地方。

Answer 4

关闭前按F8暂停，然后添加断点即可。