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 an Edge add-on designed to make front-end development and UI design easier. It functions as an interactive ruler that can snap around web elements, providing easy and accurate measurements. The plugin highlights elements' sizes in real time, can be activated by keyboard shortcuts, and also supports local HTML file editing.

Add-on stats

By: paulgui
Rating: 5.00 (6)
Version: 1.3.12 (Last updated: 2023-02-16)
Creation date: 2022-02-23
Risk impact: Very low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • storage
  • scripting
Size: 97.43K

Other platforms

Better Ruler (v1.3.12)
4.80 (51) 20,000
Not available on Firefox
Want to check extension ranking and stats more quickly for other Edge add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Edge Add-on Store.
Chrome-Stats extension

Add-on 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

不错,能解决一些问题
by , 2023-03-30

Perfect <3
by Petar, 2022-12-21

很实用
by 润东, 2022-03-03
View all user reviews

Add-on safety

Risk impact

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

Risk likelihood

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

Upgrade to see risk analysis details