元素尺

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

元素尺 là gì?

元素尺 là một tiện ích mở rộng Chrome được phát triển bởi 古木奇, và tính năng chính của nó là "开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng 元素尺

Tải xuống các tệp mở rộng 元素尺 dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên 元素尺 元素尺
ID apicacedjpnmfaejghkpgiebppohjfim
URL Chính Thức https://chrome.google.com/webstore/detail/%E5%85%83%E7%B4%A0%E5%B0%BA/apicacedjpnmfaejghkpgiebppohjfim
Mô tả 开启后,测量html元素之间的距离,以此来辅助前端开发,使视觉稿的还原度更高。
Kích Thước Tệp 26 KB
Số Lần Cài Đặt 394
Phiên Bản Hiện Tại 1.1.1
Cập Nhật Lần Cuối 2021-02-01
Ngày Phát Hành 2020-08-16
Đánh Giá 5.00/5 Tổng số 2 Đánh Giá
Nhà Phát Triển 古木奇
Email [email protected]
Loại Thanh Toán free
URL Trang Chính Sách Bảo Mật http://无
Ngôn Ngữ Được Hỗ Trợ 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'"
}