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 |
| 官方網址 | 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"
}
} | |
