什么是元素尺？

元素尺是由古木奇开发的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次评分
开发者	古木奇
电子邮箱	[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'" }