How do I undock the Chrome Developer Tools in Chrome? Pressing the left bottom corner just moves it to the right side.
(source: github.io)
Asked
Active
Viewed 5.0k times
197
Glorfindel
- 19,729
- 13
- 67
- 91
Jeremi Stadler
- 2,488
- 3
- 19
- 22
-
the similar question was asked here http://stackoverflow.com/questions/10023640/how-to-reposition-chrome-developer-tools?rq=1 – loislo Nov 27 '13 at 01:20
3 Answers
374
Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option. (the docking option with the red circle around it, is undock)
For older version of Chrome, press and hold the corner button
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.
DevTools documentation on docking: https://developers.google.com/web/tools/chrome-devtools/ui#placement
barlop
- 10,225
- 7
- 63
- 94
DarkWanderer
- 8,544
- 1
- 23
- 53
-
70
-
4
-
What corner? Without your image (blocked by firewall) it took me over a minute to figure out what I should be clicking. – Daniel Sep 08 '15 at 19:30
-
1That UX design is idiotic: you choose the "non-docking" docking option. Hail to thee, designer. :-( – claudius iacob Mar 14 '17 at 21:55
-
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? – SquareCat Jul 16 '18 at 07:31
20
shortcut key for toggle dock side
ctrl+shift+D
and there are many shortcuts you can see them
go to
settings->shortcuts
Alupotha
- 8,014
- 4
- 43
- 45
