93

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

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

这可能吗?

4

4 回答 4

101

这不是一个完美的解决方案,但您可以在事件上添加断点Window.closeunload打开以下位置的复选框:

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

Event Listener Breakpoints -> Load -> unload

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

于 2015-02-23T15:52:38.593 回答
25

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

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

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

在我的情况下(调试 Google OAuth 流程),这个技巧既没有Window -> Close也没有,但是很有用,尽管我必须恢复执行几次才能到达我想要的位置。Load -> UnloadScript > Script First Statement

于 2015-07-18T04:03:41.310 回答
5

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

如果可以找到它,还可以考虑在关闭窗口的代码中设置断点。

于 2012-07-06T20:38:53.240 回答
0

只需在关闭和暂停前按 F8,然后添加断点。

于 2021-03-01T17:54:05.640 回答