Undock Chrome Developer Tools

google-chrome google-chrome-devtools

How do I undock the Chrome Developer Tools in Chrome? Pressing the left bottom corner just moves it to the right side.

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

the similar question was asked here stackoverflow.com/questions/10023640/…

barlop

Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option. (the docking option with the red circle around it, is undock)

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

For older version of Chrome, press and hold the corner button

https://i.stack.imgur.com/1h4tF.png

You can also undock/dock-to-left/dock-to-right/dock-to-bottom from the Command Menu. Press Cmd+Shift+P (Mac) or Cmd+Shift+P (Windows, Linux, Chrome OS) to open the Command Menu, then start typing bottom/left/right/undock.

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

DevTools documentation on docking: https://developers.google.com/web/tools/chrome-devtools/ui#placement

No way to figure it out without hint, terrible UX.

Was just about to halve my keyboard over my knee, so ta.

What corner? Without your image (blocked by firewall) it took me over a minute to figure out what I should be clicking.

That UX design is idiotic: you choose the "non-docking" docking option. Hail to thee, designer. :-(

I'd like to get the console separately showing on my second screen, while the rest of DevTools stays docked in my main window. I found no way to accomplish this. Anyone?

Alupotha

shortcut key for toggle dock side

ctrl+shift+D

https://i.stack.imgur.com/GvB8M.jpg

Ahmad

Look for the "three-dot icon" at the corner of the developer tool panel, then you can find the toggle dock button.

Undock Chrome Developer Tools

Follow WeChat

Want to stay one step ahead of the latest teleworks?

相似问题

Platform

Support

Links

Contact US