Get pixel dimensions and positioning, and measure elements on any web page.

Page Ruler is a great Chrome extension for every web designer or web developer that needs to measure something on a web page.
The extension is accurate, very easy to operate and pretty intuitive.

After installing, every time you would like to measure something, click on the extension icon and a new “toolbar” will pop up in the upper section of the web page.
Once the ruler is activated, you can use the mouse to measure anything.
The extension toolbar will show the dimensions of the object you are measuring.

page ruler

You can also activate “Element Mode” to outline elements on the page as you move your mouse over them.
This option is really nice, as most times you will anyway want to measure a specific existing element.

page ruler2

You can also manually update the size and position of the ruler from the toolbar to make precision changes and use the arrow keys to move and resize the ruler.

Cool tool, very useful.

EZ Summary

Who is it for? Web designers, web developers…

Price? Free

EZ Rank


If you’re working in the web industry, you will need to measure something, sometime.

  • Awesomeness
  • Feel
  • Look
  • Smoothness
  • Effectiveness