Change Docking Modes and Resize Chrome DevTools

After pressing F12, the Chrome DevTools popup will appear at the bottom of the screen. Sometimes we don’t want to dock the tool at the bottom of the screen, as they are in the way. The positions of the popup can be changed. The positions of the popup can be changed. Chrome DevTools provides 4 types of docking modes – left, right, bottom, and separated window.

Change docking modes

In Chrome Dev Tools, the top right’s three-dots icon allows you to quickly change the docking modes of the tool. There are 4 small icons which represents respective docking modes – separated window, left, bottom, and right.

Resize window

You can adjust the tip of the tool’s window to increase or reduce its size. Just move the mouse to the tip until you see a double arrow then pull it to adjust the size! Before deciding to switch docking mode, you can try resizing the windows to make it fit your needs first. 

Leave a Comment

Your email address will not be published. Required fields are marked *

We care about your privacy and data security. Google serves cookies to analyse traffic and show ads on this site. By using this site you agree to these cookies being set. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close