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 Chrome extension developed by paul, and its main feature is "A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design".
Extension Screenshots
Download Better Ruler Extension CRX File
Download Better Ruler extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Better Ruler |
| ID | ilcnadaaninblgbekoaihdhoiecaflie |
| Official URL | https://chromewebstore.google.com/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie |
| Description | A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design |
| File Size | 93.66 KB |
| Installation Count | 24,873 |
| Current Version | 1.3.12 |
| Last Updated | 2023-02-16 |
| Publish Date | 2020-03-20 |
| Rating | 4.80/5 Total 46 Ratings |
| Developer | paul |
| [email protected] | |
| Payment Type | free |
| Supported Languages | en,zh-CN |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Better Ruler",
"short_name": "Ruler",
"version": "1.3.12",
"manifest_version": 3,
"default_locale": "zh_CN",
"description": "__MSG_pluginDesc__",
"author": "paul",
"icons": {
"128": "icon.png"
},
"action": {
"default_icon": "icon.png",
"default_title": "Better Ruler"
},
"commands": {
"_execute_action": {
"suggested_key": {
"default": "Alt+Z",
"windows": "Alt+Z",
"mac": "Alt+Z",
"linux": "Alt+Z"
},
"description": "Toggle Ruler"
}
},
"permissions": [
"activeTab",
"storage",
"scripting"
],
"background": {
"service_worker": ".\/background.js"
}
} | |
