元素尺

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

Cos'è 元素尺?

元素尺 è un'estensione di Chrome sviluppata da 古木奇, e la sua funzione principale è "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Screenshot dell'Estensione

screenshot
screenshot

Scarica il file CRX dell'estensione 元素尺

Scarica i file di estensione 元素尺 in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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

Informazioni di Base sull'Estensione

Nome 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
URL Ufficiale https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Descrizione 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Dimensione del File 26 KB
Conteggio Installazioni 394
Versione Corrente 1.1.1
Ultimo Aggiornamento 2021-02-01
Data di Pubblicazione 2020-08-16
Valutazione 5.00/5 Totale 2 Valutazioni
Sviluppatore 古木奇
Email [email protected]
Tipo di Pagamento free
URL della Pagina della Politica sulla Privacy http://无
Lingue Supportate 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'"
}