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

Question

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?

Answer 1

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

Answer 2

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

Answer 3

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.

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

Answer 4

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

Answer 5

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:

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

---

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.

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