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

google-chrome google-chrome-devtools

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.

https://i.stack.imgur.com/vl6Xo.png

@AbelMelquiadesCallejo You need to click and hold for the option to reveal.

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.

for real i remember easy button, but now it's ridiculous that i forced to google how to do it.

Similar to : stackoverflow.com/questions/3936925/…

8 revs, 4 users 34%

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:

https://i.stack.imgur.com/rsfGf.png

https://i.stack.imgur.com/uggrp.png

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.

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.

Yes, click and hold (I am using Chrome for Windows, version 39.x for x64).

Is there a way to always open in new window? There was an option before but can't find in 39.0.2171.95.

What a terrible UI decision; I'm not sure it could be more undiscoverable. Thanks for the tip!

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.

фымышонок

https://i.stack.imgur.com/bSzfh.png

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

bPratik

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

bulkyPanda

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

this only works if your chrome-developer-tools was already set to open on a new window

Roman Podlinov

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.

https://i.stack.imgur.com/xitDF.png

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

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.

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

Follow WeChat

Want to stay one step ahead of the latest teleworks?

相似问题

Platform

Support

Links

Contact US