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
Eメール	[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 } ] }