Pixel Inspector

UI走查辅助工具

Co to jest Pixel Inspector?

Pixel Inspector to rozszerzenie Chrome opracowane przez lichengtao9508, a jego główną funkcją jest „UI走查辅助工具”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot

Pobierz plik CRX rozszerzenia Pixel Inspector

Pobierz pliki rozszerzeń Pixel Inspector w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        这是一款帮助开发或设计人员检查页面元素的工具,包括测量元素距离及展示元素部分样式信息。
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                    

Podstawowe informacje o rozszerzeniu

Nazwa Pixel Inspector Pixel Inspector
ID kmnknmgkjkgdedjnihlddfmpkjndokke
Oficjalny URL https://chromewebstore.google.com/detail/pixel-inspector/kmnknmgkjkgdedjnihlddfmpkjndokke
Opis UI走查辅助工具
Rozmiar pliku 27.79 KB
Liczba instalacji 45
Aktualna Wersja 1.0.3
Ostatnia Aktualizacja 2023-12-28
Data Publikacji 2023-09-08
Ocena 5.00/5 Łącznie 2 Oceny
Deweloper lichengtao9508
E-mail [email protected]
Typ Płatności free
Obsługiwane Języki 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"
    ]
}