How do I prevent Chrome developer tools from closing when the current browser window closes?

Google Chrome-Devtools

Google Chrome-Devtools Problem Overview


I'm trying to use the chrome developer tools to debug an issue I'm having with Twitter oauth.

When the oauth window appears, I open the developer tools to monitor the requests - but as soon as the oauth window closes the developer tools window is also closed. I'd like to be able to keep the developer tools window open so that I can inspect the requests made.

Is this possible?

Google Chrome-Devtools Solutions


Solution 1 - Google Chrome-Devtools

Not a perfect solution, but you can add breakpoints on the events Window.close and unload by turning on the checkboxes at:

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

And

Event Listener Breakpoints -> Load -> unload

Try to mark both and see which one works best for you

Solution 2 - Google Chrome-Devtools

Another option is to manually add a breakpoint yourself. Open up your closes-too-quickly window, open up JS console, and:

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

But it all comes down to exactly what the window is doing, and when exactly you want to stop things, so experimenting with Event Listener Breakpoints in the Sources tab, as in @jfhfhf839's answer, is a good idea too.

In my case (debugging Google OAuth flow), neither Window -> Close nor Load -> Unload did the trick, but Script > Script First Statement was useful, though I had to resume execution a few times before I got to where I wanted.

Solution 3 - Google Chrome-Devtools

Try using remote debugging: https://developers.google.com/chrome-developer-tools/docs/remote-debugging In this case Developer Tools will be opened in a separate browser tab that won't be closed automatically.

Also consider setting a breakpoint in the code that closes the window if you can find it.

Solution 4 - Google Chrome-Devtools

Just press F8 before closing and pause, then add breakpoints.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAlistairHView Question on Stackoverflow
Solution 1 - Google Chrome-Devtoolsjfhfhf839View Answer on Stackoverflow
Solution 2 - Google Chrome-DevtoolstobekView Answer on Stackoverflow
Solution 3 - Google Chrome-DevtoolsvsevikView Answer on Stackoverflow
Solution 4 - Google Chrome-DevtoolsDon DiegoView Answer on Stackoverflow