UI照妖镜
UI设计稿对比辅助工具，按键wsad移动，数字键0-9更改透明度，大写H显示隐藏，大写Z切换H5视图 - - By HuJun
UI照妖镜とは何ですか？
UI照妖镜はHJによって開発されたChromeの拡張機能で、その主な機能は「UI设计稿对比辅助工具，按键wsad移动，数字键0-9更改透明度，大写H显示隐藏，大写Z切换H5视图 - - By HuJun」です。
拡張機能のスクリーンショット
UI照妖镜拡張機能のCRXファイルをダウンロード
UI照妖镜拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
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照妖镜 |
| 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 |
| Eメール | [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": [
" | |
