Page Ruler

Page Ruler lets your draw out a ruler or select an element on any page and displays the width, height and position of it.

Install

Click here to install Page Ruler for Google Chrome

Features

  • Draw a ruler to any page and view the width, height and top, bottom, left and right position
  • Drag the edges of the ruler to resize it
  • Manually update the size and position of the ruler from the toolbar to make precision changes
  • Ctrl+click any element on the page to measure it’s size and position
  • Navigate through parents, children and sibling elements of any measured element

Screenshots

Image of Page Ruler on Google.com

Page Ruler - Free Ruler

An element being selected with Page Ruler

Page Ruler Element

Support

If you require any support or wish to report a bug with this addon please click here

  1. jack
    March 30th, 2012 at 00:40 | #1
    Reply | Quote

    try highlighting the svg in this mozilla tutorial
    https://developer.mozilla.org/en/SVG/Tutorial/Getting_Started

    I can’t see how to change the ruler’s color, and I can’t measure anything that is very similar to red :( .

    Maybe you can dynamically recolor the ruler based on what is in the selection, or you can simply have options for the ruler color?

  1. No trackbacks yet.