元素尺

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

Qu'est-ce que 元素尺 ?

元素尺 est une extension Chrome développée par 古木奇, et sa fonction principale est "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Captures d'Écran de l'Extension

screenshot
screenshot

Télécharger le fichier CRX de l'extension 元素尺

Téléchargez les fichiers d'extension 元素尺 au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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

Informations de Base sur l'Extension

Nom 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
URL Officiel https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Description 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Taille du Fichier 26 KB
Nombre d'Installations 394
Version Actuelle 1.1.1
Dernière Mise à Jour 2021-02-01
Date de Publication 2020-08-16
Évaluation 5.00/5 Total 2 Évaluations
Développeur 古木奇
Email [email protected]
Type de Paiement free
URL de la Page de Politique de Confidentialité http://无
Langues Prises en Charge 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'"
}