Pixel Inspector

UI走查辅助工具

Pixel Inspector là gì?

Pixel Inspector là một tiện ích mở rộng Chrome được phát triển bởi lichengtao9508, và tính năng chính của nó là "UI走查辅助工具".

Ả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 Pixel Inspector

Tải xuống các tệp mở rộng Pixel Inspector 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

                        这是一款帮助开发或设计人员检查页面元素的工具,包括测量元素距离及展示元素部分样式信息。
This is a tool designed to assist developers or designers in inspecting page elements, including measuring distances between elements and displaying partial style information of the elements.

>>>> 主要功能<<<<
✅ 查看信息: 即查看模式,点击插件图标,开启插件后,将鼠标悬浮在元素上,可显示部分样式信息。
✅ 元素测距: 即测距模式,先选中一个目标元素,将鼠标移动到其他元素,可显示两元素之间的距离尺寸。 元素选择方式:1、鼠标点击选择:点击元素选中,再次点击可取消;2、按键选择:鼠标移动到元素上,按一次Alt(Option)可选中元素,连按两次可取消。按ESC键也可取消元素选择,退出测距模式。

>>>> 快捷键<<<<
✅元素选择模式切换    Alt (Option) + Shift + A
✅复制css样式代码                     Ctrl (cmd) + C
✅样式信息完整显示                                         E
✅只显示水平或竖直方向距离                  X(Y)
✅取消选择元素                                             ESC                    

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

Tên Pixel Inspector Pixel Inspector
ID kmnknmgkjkgdedjnihlddfmpkjndokke
URL Chính Thức https://chromewebstore.google.com/detail/pixel-inspector/kmnknmgkjkgdedjnihlddfmpkjndokke
Mô tả UI走查辅助工具
Kích Thước Tệp 27.79 KB
Số Lần Cài Đặt 45
Phiên Bản Hiện Tại 1.0.3
Cập Nhật Lần Cuối 2023-12-28
Ngày Phát Hành 2023-09-08
Đánh Giá 5.00/5 Tổng số 2 Đánh Giá
Nhà Phát Triển lichengtao9508
Email [email protected]
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ zh-CN
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Pixel Inspector",
    "version": "1.0.3",
    "description": "UI\u8d70\u67e5\u8f85\u52a9\u5de5\u5177",
    "icons": {
        "16": "images\/icon16.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "css": [
                "style\/index.css"
            ]
        }
    ],
    "background": {
        "service_worker": "js\/background.js"
    },
    "action": {
        "default_popup": "popup\/index.html",
        "default_icon": {
            "48": "images\/icon48.png"
        }
    },
    "options_ui": {
        "page": "option\/index.html",
        "open_in_tab": true
    },
    "permissions": [
        "scripting",
        "activeTab",
        "storage",
        "tabs"
    ]
}