什麼是元素尺？

元素尺是由古木奇開發的Chrome擴展程式，該擴展的主要功能是“开启后，测量html元素之间的距离，以此来辅助前端开发，使视觉稿的还原度更高。”。

擴展截圖

下載元素尺擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

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

名稱	元素尺
ID	apicacedjpnmfaejghkpgiebppohjfim
官方網址	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'" }