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
Eメール	[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" } }