元素尺

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

¿Qué es 元素尺?

元素尺 es una extensión de Chrome desarrollada por 古木奇, y su función principal es "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Capturas de Pantalla de la Extensión

screenshot
screenshot

Descargar Archivo CRX de la Extensión 元素尺

Descarga archivos de extensión 元素尺 en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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

Información Básica de la Extensión

Nombre 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
URL Oficial https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Descripción 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Tamaño del Archivo 26 KB
Cantidad de Instalaciones 394
Versión Actual 1.1.1
Última Actualización 2021-02-01
Fecha de Publicación 2020-08-16
Calificación 5.00/5 Total de 2 Calificaciones
Desarrollador 古木奇
Correo electrónico [email protected]
Tipo de Pago free
URL de la Página de Política de Privacidad http://无
Idiomas Soportados 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'"
}