元素尺とは何ですか？

元素尺は古木奇によって開発されたChromeの拡張機能で、その主な機能は「开启后，测量html元素之间的距离，以此来辅助前端开发，使视觉稿的还原度更高。」です。

拡張機能のスクリーンショット

元素尺拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

点击插件图表弹出窗口后，点击窗口内的开关按钮可以开启和关闭插件。开启后，可以在页面内选择元素，并测量距离其他元素的像素，且可以在右侧面板中直观的看到当前元素的类型和 css 属性。

名前	元素尺
ID	apicacedjpnmfaejghkpgiebppohjfim
公式URL	https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
説明	开启后，测量html元素之间的距离，以此来辅助前端开发，使视觉稿的还原度更高。
ファイルサイズ	26 KB
インストール数	394
現在のバージョン	1.1.1
最終更新日	2021-02-01
公開日	2020-08-16
評価	5.00/5 合計 2 レビュー
開発者	古木奇
Eメール	[email protected]
支払い方法	free
プライバシーポリシーページのURL	http://无
対応言語	zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "\u5143\u7d20\u5c3a", "version": "1.1.1", "description": "\u5f00\u542f\u540e\uff0c\u6d4b\u91cfhtml\u5143\u7d20\u4e4b\u95f4\u7684\u8ddd\u79bb\uff0c\u4ee5\u6b64\u6765\u8f85\u52a9\u524d\u7aef\u5f00\u53d1\uff0c\u4f7f\u89c6\u89c9\u7a3f\u7684\u8fd8\u539f\u5ea6\u66f4\u9ad8\u3002", "browser_action": { "default_icon": "image\/ruler.png", "default_title": "\u5143\u7d20\u5c3a", "default_popup": "html\/popup.html" }, "content_scripts": [ { "matches": [ "" ], "js": [ "js\/content.js" ], "run_at": "document_end" } ], "background": { "scripts": [ "js\/background.js" ] }, "commands": { "toggle-plugin": { "suggested_key": { "default": "Alt+Q", "mac": "Alt+Q" }, "description": "\u5207\u6362\u5f00\u5173" } }, "permissions": [ "activeTab" ], "content_security_policy": "script-src 'self'; object-src 'self'" }