Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to get rid of the new chrome devtools rulers?

I updated chrome and when i open up devtools i see this.

chrome new devtools rulers

How can i get rid of the rulers (the dark part in the upper and right side)? It takes a lot of space and i have a little 13.3" screen.

like image 274
Luca Boieru Avatar asked Oct 15 '14 14:10

Luca Boieru


People also ask

How do I remove the ruler from chrome?

Right-click anywhere on the screen, "Inspect Element", gear-wheel in the lower left (Windows) or in the lower right (Mac), "General" tab, scroll down at the bottom "Show Rulers". Check it on/off to liking.

How do I get the ruler on chrome developer tools?

Open Inspector and hit Escape to open Settings. Under Elements check “Show rulers”.

How do I change DevTools position in chrome?

Change where DevTools is docked by using the Command Menu Or, press Shift + Ctrl + P on Windows/Linux or Command + Shift + P on macOS. Type dock, and then select a dock command: Dock to bottom.


1 Answers

F12; In the top left next to the spyglass icon is a blue device icon, click it to toggle device mode.

enter image description here

Or you can use the keyboard shortcut to toggle Device Mode:

Windows: Ctrl + Shift + M

Mac: Cmd + Shift + M

like image 79
Alex K. Avatar answered Nov 16 '22 03:11

Alex K.