257

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

mherzl
  • 4,119
  • 3
  • 25
  • 51
Abel Callejo
  • 10,079
  • 7
  • 50
  • 64
  • 11
    @AbelMelquiadesCallejo You need to click **and hold** for the option to reveal. – katalin_2003 Nov 06 '14 at 21:50
  • 2
    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 Apr 25 '15 at 18:51
  • for real i remember easy button, but now it's ridiculous that i forced to google how to do it. – alexander_ch Jun 04 '15 at 12:19
  • Similar to : http://stackoverflow.com/questions/3936925/is-it-possible-to-open-chrome-debugger-in-separate-window-how – Venkat Feb 08 '16 at 09:10

5 Answers5

442

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.

Steve Chambers
  • 31,993
  • 15
  • 129
  • 173
Kyle Hale
  • 7,447
  • 1
  • 32
  • 56
  • 18
    A "press" is not enough in that state. You need to click **and hold** the button (on the left of the close button) in order to reveal the "Unlock into separate window" option. – katalin_2003 Nov 06 '14 at 21:48
  • 5
    Yes, **`click and hold`** (I am using Chrome for Windows, version 39.x for x64). – Do Nhu Vy Nov 29 '14 at 04:36
  • 5
    Is there a way to always open in new window? There was an option before but can't find in 39.0.2171.95. – user3285954 Jan 02 '15 at 15:51
  • 1
    Are you sure it was an option? If you unlock into a separate window, close the tools, and then subsequently reopen them, they'll be in a separate window (i.e. whatever the last choice was it remembers.) – Kyle Hale Jan 02 '15 at 17:06
  • 95
    What a terrible UI decision; I'm not sure it could be more undiscoverable. Thanks for the tip! – Joshua Jabbour Jan 28 '15 at 19:05
  • A "Press" is not enough! You can't imagine how much time you just helped me save. Thumb up. – Dean Seo Apr 15 '15 at 05:33
  • Good lord... I can't believe I had to look this up, and that click & hold is the answer. – p e p Jul 23 '15 at 19:44
  • 2
    As of some point mid 2016 you only have to click the vertical ellipses for the docking options to appear, you no longer have to click and hold. – Chris B Sep 15 '16 at 08:52
  • @ChrisB exactly right. Also, Kyle Hale already already edited the answer though which is nice. – Abel Callejo Sep 19 '16 at 00:53
  • In Addition, if you want to toggle between your **last two** docking modes you have this keyboard shortcut (that also works for FireFox!) `Ctrl + Shift + D` – jurl Jun 06 '18 at 13:12
10

enter image description here

  1. click on three dots in the top right ->
  2. click on "Undock into separate window" icon
фымышонок
  • 1,036
  • 12
  • 21
3

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

bPratik
  • 6,428
  • 3
  • 31
  • 65
user1585204
  • 665
  • 6
  • 11
1

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

bulkyPanda
  • 145
  • 1
  • 4
1

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

Roman Podlinov
  • 19,179
  • 7
  • 37
  • 56
  • I just tried this answer and it seems to work well on Windows. I also tried it on Mac, but the shortcuts are different. Open the DevTools (**cmd+option+i**) and switching to other dock side (**cmd+shift+d**). Also on Mac, directly using cmd+shift+d w/o opening first the DevTools would yield to a different functionality. – Abel Callejo Mar 04 '20 at 13:32