Better Ruler

A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design

What is Better Ruler?

'Better Ruler' is a user-friendly Chrome extension that brings a unique page ruler to your browser. Its ability to snap around web elements allows you to measure objects easily, providing true convenience for front-end developers and UI designers. From displaying size of elements under your mouse, to an editable layer option, and even providing a toolbar toggle, Better Ruler covers all your measurement needs.

Download

Extension stats

By: paul

View on Chrome Web Store

Users: 30,000+

Rating: 4.81 (52)

Version: 1.3.12 (Last updated: 2023-02-16)

Creation date: 2020-03-20

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

activeTab
storage
scripting

Size: 95.91K

Email: gp*****@qq.com

Ranking

# 5297 ▼ 37

Other rankings

#666 in Developer Tools

#10 in deactivate keyword 3 ▼ 2

#45 in hold keyword 2 ▼ 4

#45 in press keyword 13 ▼ 8

#70 in plug keyword 18 ▼ 4

Upgrade to see more rankings

Other platforms

Not available on Firefox

Better Ruler (v1.3.12)

5.00

(6) 3,910+

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

A ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design.

Click on the plugin icon to run the plugin. Click again to exit.
Hold down Alt/Option while moving the mouse to display the size of the element at the mouse position in real time. Hold down the left button and move, it will automatically snap to the edge of the element.
Double-click the current layer to enter the editing mode, in which the layer can be dragged and resized. Press Backspace to delete the current layer. Double-click on the layer again (or press Esc) to exit edit mode.
Press f(default, configurable) to show or hide the toolbar.
Press shift to show or hide the size.
You can use alt+z to activate/deactivate the plug-in. If it doesn't work, you can go to chrome://extensions/shortcuts to bind the key yourself. Or, After activating the plugin once, you can double-press z (default, configurable) to activate/deactivate the plug-in.
Go to chrome://extensions, find this plug-in and turn on allow access to file URL to take effect for local html files.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros