什么是PixOK, A CSS design tool for FE developers？

PixOK, A CSS design tool for FE developers是由haozi开发的Chrome扩展程序，该扩展的主要功能是“Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS”。

扩展截图

下载PixOK, A CSS design tool for FE developers扩展crx文件

下载PixOK, A CSS design tool for FE developers扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。

扩展使用说明

It is used to assist in restoring the visual draft. You can upload or copy and paste the image from figma/sketch, etc. to the current web page and pin it. It is used to assist in the comparison between the visual draft and the real front-end restoration.

https://github.com/ha0z1/PixOK

扩展基本信息

名称	PixOK, A CSS design tool for FE developers
ID	khobdjijiochmoombmndbjhlampfpggk
官方URL	https://chromewebstore.google.com/detail/pixok-a-css-design-tool-f/khobdjijiochmoombmndbjhlampfpggk
简介	Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS
文件大小	584 KB
安装次数	92
当前版本	2.7.0
更新时间	2024-02-07
上架时间	2023-04-11
开发者	haozi
电子邮箱	[email protected]
付费类型	free
扩展官网	https://github.com/ha0z1/PixOK
帮助页面URL	https://github.com/ha0z1/PixOK
隐私政策页面URL	https://www.privacypolicygenerator.info/live.php?token=1lQiFKLRQ3UZKoMMW0BgVmwu8vPiih7g
支持的语言	en,zh-CN,zh-TW
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "version": "2.7.0", "name": "__MSG_appName__", "description": "__MSG_appDesc__", "action": [], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "" ], "all_frames": true, "js": [ "content_script.js" ], "run_at": "document_start" } ], "default_locale": "en", "homepage_url": "https:\/\/github.com\/ha0z1\/PixOK", "host_permissions": [ "" ], "icons": { "16": "images\/icon_16x16.png", "32": "images\/icon_32x32.png", "48": "images\/icon_48x48.png", "128": "images\/icon_128x128.png" }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1kDKRfFCxXaY2zwwHurpA4xcSZwCJXXXNQagvLYXvircKrb7ht6Ho88VmlLRuFC8Rw0zNqRZKioy5bLqY0ATcmtodHHEKJrJ6\/m0e28jAlJGoVnYtHVeQRm9bZyO9s0Sn6ICJZod1TVGKJqPu5J9PW08C8gZKcgqOXOHO2aVkNXoTrQGZzDQqqXr1+9AV9Vv8NxgaLsb3gWZgwklMVILpBPerC5L+M6MD8C8j\/pV6ykAte2iCUfLHhWzaFN59Fqcz4oY+NiiYBnjmSVpM2LgCLDfvXc1I03hSNOHYM2o5mml6T8N+Th6KNEDAglnbmhfDsGlWo8pQqzsfn3eHs3xkwIDAQAB", "permissions": [ "storage", "unlimitedStorage" ], "web_accessible_resources": [ { "resources": [ "inject.js", "app\/", "images\/" ], "matches": [ "" ], "use_dynamic_url": true } ] }