Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

How to get rid of the new chrome devtools rulers?

Tags:

google-chrome

google-chrome-devtools

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.
Sign in to Comment

Related questions

New Chrome Incognito Window via HTML/JS [duplicate]
If I used gzipped JavaScript files, I get illegal character/token errors in both Chrome and Firefox
Why does my code not work in Safari or Opera?
MacOS Chrome horizontal scrollbar not disappearing
Error when downloading CRX file from Chrome Web Store: CRX_HEADER_INVALID [closed]
max-height: x% doesn't work on Chrome
page-break-after does not work in Chrome
Problems downloading big file(max 15 mb) on google chrome
disable chrome strict MIME type checking on local dev
Changing css media type in browser
Destroying WebWorkers
Javascript count function calls in Chrome profiler
This site can't be reached error
What does TypeError non_object_property_load mean?
Why can't I reach Glassfish admin gui?
:not() selector not behaving the same between Safari and Chrome/Firefox
Refused to apply style from... because its MIME type ('text/html') is not a supported style-sheet MIME type, and strict MIME checking is enabled
Google Chrome background-gradient
Open application/hal+json response inline in browser instead of downloading it
Chrome dev tools console completely blank

Donate For Us

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