UI照妖镜

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

UI照妖镜란 무엇입니까?

UI照妖镜은(는) HJ에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun"입니다.

확장 프로그램 스크린샷

screenshot
screenshot
screenshot
screenshot

UI照妖镜 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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个。                    

확장 프로그램 기본 정보

이름 UI照妖镜 UI照妖镜
ID ghamhghjblfmcjjfnbflncphbpnlhdfd
공식 URL https://chromewebstore.google.com/detail/ui%E7%85%A7%E5%A6%96%E9%95%9C/ghamhghjblfmcjjfnbflncphbpnlhdfd
설명 UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun
파일 크기 212 KB
설치 횟수 86
현재 버전 0.0.1
최근 업데이트 2022-03-11
출시 날짜 2022-03-10
평점 5.00/5 총 1 개의 평점
개발자 HJ
이메일 [email protected]
결제 유형 free
지원되는 언어 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"
    ]
}