Page Ruler extension for Google Chrome
JavaScript HTML CSS
Latest commit 5608b69 Mar 4, 2016 @wrakky Fix donate link

Page Ruler - Chrome Extension

Page Ruler is an extension for Google Chrome allowing you to draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.

Install the addon here from the Chrome Web Store

Please use the issue tracker to report any bugs or make suggestions


All contributions are welcome. The project uses Grunt for automated builds and Less for CSS.


Install node.js. Once installed run the following commands to install grunt, less and generate a build.

npm install -g grunt-cli
npm install -g less
cd /path/to/pageruler
npm install

Source code is located in the src directory. Grunt will monitor any changes to the files in this folder and automatically compile and generate a new builds in the build directory. Set /path/to/pageruler/build as the location of your unpacked extension and you can now makes changes and see the results in your browser.


If you would like to contribute a translation please either:

  1. fork the repository, add them in src/_locales using the guildelines specified in the Chrome extension internationalization guide and submit a pull request.
  2. download the English master version at src/_locales/en/messages.json and create a new ticket in the project issue tracker attaching your translated version. Please prefix the issue title with '[translation]' and remember to say what language it is for!

All translations should be based on the master English version located at src/_locales/en/messages.json


If you would like to be credited for your contribution on the upgrade page please also include a name and link (personal site, twitter etc) with your submission