Thursday, December 13, 2012

How to Hide the Ruler in Chrome Developer Tools

A few weeks ago I posted about Google Chrome v.23's New Ruler Feature however I have had some feedback that many users don't like it and want to disable it. Unfortunately, Google didn't include a toggle/disable option for the rules in this release but it is coming in a future release.

In a future Google Chrome release, the developer tools options menu General tab "Elements" section will have a "Show Rulers" checkbox which will allow you to hide the rulers. Check out the preview below.

The future Chrome developer tool options will include "Show Rulers"


The current Chrome developer tool options exclude "Show Rulers"



If you want to stay on the cutting edge of Chrome, you should download and use Google Chrome Canary which includes the newest features. By the nature of Chrome Canary, it is not production ready so it will have issues and may completely fail from time to time. It is a good way to see what sort of features Google has in the pipeline for Chrome however.