元素尺

开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。

ما هو 元素尺؟

元素尺 هو إضافة Chrome تم تطويرها بواسطة 古木奇، والميزة الرئيسية لها هي "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

لقطات شاشة التمديد

screenshot
screenshot

تحميل ملف CRX للإضافة 元素尺

قم بتنزيل ملفات الامتداد 元素尺 بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        点击插件图表弹出窗口后,点击窗口内的开关按钮可以开启和关闭插件。开启后,可以在页面内选择元素,并测量距离其他元素的像素,且可以在右侧面板中直观的看到当前元素的类型和 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
عنوان صفحة سياسة الخصوصية 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'"
}