Better Ruler
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design
什么是Better Ruler？
Better Ruler是由paul开发的Chrome扩展程序，该扩展的主要功能是“A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design”。
扩展截图
下载Better Ruler扩展crx文件
下载Better Ruler扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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. 扩展基本信息
| 名称 |  Better Ruler |
| ID | ilcnadaaninblgbekoaihdhoiecaflie |
| 官方URL | https://chromewebstore.google.com/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie |
| 简介 | A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design |
| 文件大小 | 93.66 KB |
| 安装次数 | 24,873 |
| 当前版本 | 1.3.12 |
| 更新时间 | 2023-02-16 |
| 上架时间 | 2020-03-20 |
| 评分 | 4.80/5 共46次评分 |
| 开发者 | paul |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 支持的语言 | 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"
}
} | |
