元素尺

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

Что такое 元素尺?

元素尺 - это расширение Chrome, разработанное 古木奇, и его основная функция - "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Снимки экрана расширения

screenshot
screenshot

Скачать файл CRX расширения 元素尺

Скачайте файлы расширений 元素尺 в формате crx, установите расширения Chrome вручную в браузере или поделитесь файлами crx с друзьями, чтобы легко установить расширения Chrome.

Инструкции по использованию расширения

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

Основная информация о расширении

Название 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
Официальный URL https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Описание 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Размер файла 26 KB
Количество установок 394
Текущая Версия 1.1.1
Последнее Обновление 2021-02-01
Дата публикации 2020-08-16
Рейтинг 5.00/5 Всего 2 оценок
Разработчик 古木奇
Электронная почта [email protected]
Тип оплаты free
URL страницы политики конфиденциальности http://无
Поддерживаемые языки 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'"
}