How to open the Chrome Developer Tools in a new window?

google-chrome google-chrome-devtools
Abel Callejo picture Abel Callejo · May 15, 2014 · Viewed 108.1k times · Source

When I try to use the Chrome Developer Tools, it seems I can no longer view it in a new window.

Is this a bug or was that really an intended change in an update?

How can we open the Chrome Developer Tools in a new window?

Here's a screenshot of what I'm talking about.

enter image description here

Answer

Kyle Hale picture Kyle Hale · May 15, 2014

As of Chrome 52, the UI has changed. When the Developer Tools dialog is open, you select the vertical ellipsis and can then choose the docking position:

enter image description here

Select the icon on the left to open the Chrome Developer Tools in a new window: multiple windows icon

Previously

Click and hold the button next to the close button of the Developer Tool in order to reveal the "Undock into separate window" option.

enter image description here

Note: A "press" is not enough in that state.

Related questions

Disabling Chrome cache for website development

I am modifying a site's appearance (CSS modifications) but can't see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn't work. How can I disable the cache temporarily or refresh the page in …

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More
"CAUTION: provisional headers are shown" in Chrome debugger

I noticed a strange caution message when looking at downloaded resources using Google chrome inspector (F12): Caution provisional headers are shown I found something possibly relevant, Network Panel: add caution about provisional request headers, but I could not fully understand …

Read More