UI照妖镜

UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun

Was ist UI照妖镜?

UI照妖镜 ist eine Chrome-Erweiterung, die von HJ entwickelt wurde, und ihr Hauptmerkmal ist "UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot

UI照妖镜-Erweiterungs-CRX-Datei herunterladen

Laden Sie UI照妖镜-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        UI设计稿对比的辅助工具,可进行UI视觉走查和前端页面开发辅助。

说明:
1、帮助UI设计师进行页面的UI走查,并可切换为H5视图查看页面,不再需要打开Chrome DevTools。
2、辅助前端页面开发人员高度还原设计稿,并在页面重构阶段快速发现页面与设计稿的差异,减少与设计师的沟通成本。

功能:
1、可进行设计稿的查看、导入和删除操作。
2、设计稿叠放在页面之上,可进行移动、显示隐藏、透明度设置功能。
3、设计稿导入后会在本地浏览器中缓存。

快捷键:
1、小写wsad: 设计稿上下左右移动1px。
2、大写WSAD: 设计稿上下左右移动10px。
3、数字键0-9: 按两次设置透明度(按下00透明度会设置为100%)。
4、大写按键H: 切换设计稿的显示隐藏。
5、大写按键Z: 切换页面的视图为PC/H5。

注意:
1、自动判断网络环境,仅当插件icon点亮才可使用。
2、只能上传图片类型文件,单个文件不超过2MB,最多上传3个。                    

Grundlegende Informationen zur Erweiterung

Name UI照妖镜 UI照妖镜
ID ghamhghjblfmcjjfnbflncphbpnlhdfd
Offizielle URL https://chromewebstore.google.com/detail/ui%E7%85%A7%E5%A6%96%E9%95%9C/ghamhghjblfmcjjfnbflncphbpnlhdfd
Beschreibung UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun
Dateigröße 212 KB
Installationsanzahl 86
Aktuelle Version 0.0.1
Letztes Update 2022-03-11
Veröffentlichungsdatum 2022-03-10
Bewertung 5.00/5 Insgesamt 1 Bewertungen
Entwickler HJ
E-Mail [email protected]
Zahlungsart free
Unterstützte Sprachen zh-CN
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "author": "HuJun",
    "name": "UI\u7167\u5996\u955c",
    "description": "UI\u8bbe\u8ba1\u7a3f\u5bf9\u6bd4\u8f85\u52a9\u5de5\u5177\uff0c\u6309\u952ewsad\u79fb\u52a8\uff0c\u6570\u5b57\u952e0-9\u66f4\u6539\u900f\u660e\u5ea6\uff0c\u5927\u5199H\u663e\u793a\u9690\u85cf\uff0c\u5927\u5199Z\u5207\u6362H5\u89c6\u56fe - - By HuJun",
    "version": "0.0.1",
    "action": {
        "default_icon": {
            "16": "img\/icon_gray.png",
            "48": "img\/icon_gray.png",
            "128": "img\/icon_gray.png"
        },
        "default_title": "UI\u7167\u5996\u955c",
        "default_popup": ""
    },
    "icons": {
        "16": "img\/icon.png",
        "48": "img\/icon.png",
        "128": "img\/icon.png"
    },
    "background": {
        "service_worker": "js\/background.js"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/content.js"
            ],
            "css": [
                "css\/uicheck.css"
            ],
            "run_at": "document_end"
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "css\/content.css"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "permissions": [
        "storage"
    ]
}