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?
You can also change the Chrome DevTools dock position. You can either undock into a separate window, or dock it on the left, bottom, or right side of the browser. The dock position can be changed by pressing Cmd + Shift + D ( Ctrl + Shift + D ) or through the menu.
In a browser window, hit Ctrl+Shift+I (for Windows) or Cmd+Option+I (for MacOS). This will open the Chrome Developer Tools window. Hit Esc, then click the Console menu (three dots to the left of Console in the lower portion of the screen). Select Sensors and change the Geolocation dropdown to Custom location…
In the developer tools, klick the cogwheel icon (or press F1 when focusing the dev tools) to open the settings overlay. Under "Preferences", in the "Appearance" section, find the "Panel layout" option. Set it to your liking.
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:

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:

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With