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

google-chrome-devtools
George Mauer picture George Mauer · Jan 17, 2013 · Viewed 22.1k times · Source

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?

Answer

Marc Baumbach picture Marc Baumbach · Jan 17, 2013

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

Related questions

Disabling Chrome cache for website development

I am modifying a site's appearance (CSS modifications) but can't see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn't work. How can I disable the cache temporarily or refresh the page in …

Read More
View HTTP headers in Google Chrome?

Till 9.x, the headers were under the resources in the Developer Tools, but now I can't find it anywhere.

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More