元素尺

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

O que é 元素尺?

元素尺 é uma extensão do Chrome desenvolvida por 古木奇, e sua principal característica é "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão 元素尺

Baixe arquivos de extensão 元素尺 no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
URL Oficial https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Descrição 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Tamanho do Arquivo 26 KB
Contagem de Instalações 394
Versão Atual 1.1.1
Última Atualização 2021-02-01
Data de Publicação 2020-08-16
Classificação 5.00/5 Total de 2 Avaliações
Desenvolvedor 古木奇
Email [email protected]
Tipo de Pagamento free
URL da Página de Política de Privacidade http://无
Idiomas Suportados 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'"
}