261
votes

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

5
@AbelMelquiadesCallejo You need to click and hold for the option to reveal.katalin_2003
Hey Side note, on a linux box here and I had to long hold with left mouse button and then click with the mouse wheel to get the undock to happen.Bob Barker
for real i remember easy button, but now it's ridiculous that i forced to google how to do it.alexander_ch

5 Answers

447
votes

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.

10
votes

enter image description here

  1. click on three dots in the top right ->
  2. click on "Undock into separate window" icon
3
votes

You have to click and hold until the other icon shows up, then slide the mouse down to the icon.

1
votes

Just type ctrl+shift+I in google chrome & you will land in an isolated developer window.

1
votes

If you need to open the DevTools press ctrl-shift-i.

If the DevTools window is already opened you can use the ctrl-shift-d shortcut; it switches the window into a detached mode.

For example in my case the electron application window (Chrome) is really small.

enter image description here

It's not possible to use any other suggestions except the ctrl-shift-d shortcut