UI走查还原工具,用于辅助前端和UI进行设计稿的比对和开发,拥有图片比对、标尺、吸色等实用功能。

Latest Version

Version
0.0.1
Update
February 28, 2024
Size
440KiB
Developer
Category
Users
62
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
Storage
Scripting
See more

check-ui Extension

前端UI走查还原比对工具
UI还原走查工具,辅助开发人员对UI设计稿进行走查。

功能:
1.支持拖拽 粘贴 或者点击上传设计稿
2.区分不同域名本地持久化缓存图片信息和配置信息。
3.支持拖拽控制弹窗和图片。
4.支持透明度以及隐藏和锁定功能
5.支持实时展示样式信息功能
6.支持标尺辅助线功能
7.支持吸色
8.图片色值反相
9.文字可在页面直接编辑功能

备注:
图片和配置信息储存在indexedDb中
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "check-ui", "description" : "UI\u8d70\u67e5\u8fd8\u539f\u5de5\u5177\uff0c\u7528\u4e8e\u8f85\u52a9\u524d\u7aef\u548cUI\u8fdb\u884c\u8bbe\u8ba1\u7a3f\u7684\u6bd4\u5bf9\u548c\u5f00\u53d1\uff0c\u62e5\u6709\u56fe\u7247\u6bd4\u5bf9\u3001\u6807\u5c3a\u3001\u5438\u8272\u7b49\u5b9e\u7528\u529f\u80fd\u3002", "version": "0.0.1", "manifest_version": 3, "icons": { "16": "assets/assets/icon_16.png", "48": "assets/assets/icon_48.png", "128": "assets/assets/icon_128.png" }, "action": { "default_icon": "assets/assets/icon_48.png" }, "permissions": [ "storage", "scripting" ], "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["inject-content.js"] } ], "background": { "service_worker": "background.js" }, "web_accessible_resources": [{ "resources": ["js/*.js", "assets/*.*"], "matches": ["http://*/*", "https://*/*"] }]}
Read more