元素尺

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

Hvad er 元素尺?

元素尺 er en Chrome-udvidelse udviklet af 古木奇, og dens hovedfunktion er "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Udvidelsesskærmbilleder

screenshot
screenshot

Download 元素尺-udvidelses-CRX-fil

Download 元素尺-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

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

Grundlæggende oplysninger om udvidelsen

Navn 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
Officiel URL https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Beskrivelse 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Filstørrelse 26 KB
Antal Installationer 394
Nuværende Version 1.1.1
Senest Opdateret 2021-02-01
Udgivelsesdato 2020-08-16
Bedømmelse 5.00/5 Samlet 2 Bedømmelser
Udvikler 古木奇
E-mail [email protected]
Betalingsmetode free
URL til Fortrolighedspolitik Side http://无
Understøttede Sprog 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'"
}