什麼是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
官方網址	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 } ] }