元素尺

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

Vad är 元素尺?

元素尺 är en Chrome-tillägg utvecklad av 古木奇, och dess huvudfunktion är "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Tilläggsskärmbilder

screenshot
screenshot

Ladda ner 元素尺-förlängningens CRX-fil

Ladda ner 元素尺-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.

Användarmanual för Tillägg

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

Grundläggande Information om Tillägg

Namn 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
Officiell webbadress https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Beskrivning 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Filstorlek 26 KB
Antal Installationer 394
Aktuell Version 1.1.1
Senast Uppdaterad 2021-02-01
Publiceringsdatum 2020-08-16
Betyg 5.00/5 Totalt 2 Betyg
Utvecklare 古木奇
E-post [email protected]
Betalningssätt free
URL till Sekretesspolicy Sidan http://无
Stödda Språk 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'"
}