元素尺คืออะไร?

元素尺 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย 古木奇 และคุณลักษณะหลักของมันคือ "开启后，测量html元素之间的距离，以此来辅助前端开发，使视觉稿的还原度更高。"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย 元素尺

ดาวน์โหลดไฟล์ส่วนขยาย 元素尺 ในรูปแบบ 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'" }