Better Ruler

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.
Stats
By: paul
Users: 20,000+
Rating: 4.81 (47)
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
Stats date:

Other platforms

Not available on Firefox
Better Ruler
Better Ruler (v1.3.12)
5.00 (6) 4,241+
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.
Chrome-Stats 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
User reviews summary
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
  • Simple to use
  • Useful for web development projects
  • Works with local files
  • Ability to measure multiple elements on a webpage
  • Helpful shortcut
Cons
  • Language setting issue
  • Conflict with other extensions
  • Maximum call stack size exception
  • Doesn't work with local files
Most mentioned
  • Simple to use and very useful
  • Good for web development projects
  • Easy to measure various elements on a webpage
Recent reviews

by ka ka (HOPEFUL) ka ka (HOPEFUL), 2023-12-09

how to set the language to english?
by WHO IS WHO IS, 2023-10-23
View all user reviews
Safety
Risk impact

Better Ruler is safe to use. It does not request any sensitive permissions.

Risk likelihood

Better Ruler has earned a good reputation and can be trusted.

Upgrade to see risk analysis details
Screenshots
Promo images
Better Ruler small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to Better Ruler: