Chrome >=24 - how to dock devtools to the right?

Question

I like docking devtools to the right. I remember how happy I was when I first saw that option when I realized I no longer have to split screen and position windows manually.

Recent versions of chrome that option seems to be missing. Even on my installs where I already have devtools on the right the option is removed.

Where did it go?

possible duplicate of [How to reposition chrome developer tools](http://stackoverflow.com/questions/10023640/how-to-reposition-chrome-developer-tools) — ndsmyter, Apr 03 '14 at 06:49
@ndsmyter not really. The positioning controls changed with version 24. Much of the advice in that thread is likely outdated. — George Mauer, Apr 03 '14 at 13:33
And still, the question and answers are exactly the same as in this thread — ndsmyter, Apr 03 '14 at 13:54

Marc Baumbach · Accepted Answer · 2015-10-22T04:39:45.087

262

If you click and hold on the icon in the top right next to the close icon (Undock into separate window button), you are given the option to dock it to the right. See screenshot:

Dock to right

Starting in Chrome 41, you are able to use Ctrl + Shift + D (Windows/Linux) or Command (⌘) + Shift + D (Mac OS X) to be able to toggle between these views.

Starting in Chrome 46, they've finally changed the user interface for the docking location. There's a vertical ellipsis now and in there it has explicit buttons for each docking location. See screenshot:

New Docking

edited Oct 22 '15 at 04:39

answered Jan 17 '13 at 19:54

Marc Baumbach

9,670
2
25
44

17

Not very intuitive place to put the option. Why not side-by-side like: [dock/undoc][bottom/right][console][select]? – Byran Zaugg Mar 22 '13 at 21:46
@Byran I think that's where it used to be actually. :) – Marc Baumbach Mar 23 '13 at 02:20
This is also the way to see the option to dock the devtool to a new window... so thanks! – Ben Gulapa Jul 22 '13 at 03:38
2

A click to open options and one to dock would be more intuitive. – Bagata Nov 07 '13 at 16:23
Click and hold is not intuitive when it has a down arrow suggesting a menu. Thanks for showing the way. – Valamas Apr 13 '14 at 23:23
1

They changed the design slightly (the button is at the top-right part of the dev tools window), but this still works! Thanks :) – Miroslav Nedyalkov Apr 22 '14 at 05:25
Thank you. I tried all combinations (shift, ctrl, cmd, alt), but not "hold". – OZ_ Oct 10 '14 at 14:43
Thanks Marc! this is the answer I was looking for ... works in Chrome Version 38.0.2125.111 – Eric Hepperle - CodeSlayer2010 Nov 12 '14 at 18:48
5

note to people thinking about copying this terrible design: please no! :) – Milimetric Dec 05 '14 at 23:22
1

The "Dock side" menu item is not available to me. Seems to have something to do with a custom window having menu removed. – Gringo Suave Aug 17 '18 at 18:52

Chrome >=24 - how to dock devtools to the right?

1 Answers1

Linked