什麼是Chrome Color Picker？

Chrome Color Picker是由guowenfh開發的Chrome擴展程式，該擴展的主要功能是“A chrome debugger style color picker plugin”。

擴展截圖

下載Chrome Color Picker擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

A Chrome DevTools debugger style color picker plugin.

After installation, you need to refresh the page to be picked. Use `Alt + Shift + A` to quickly call / close the color picker.

Strongly powered by pnpm + vue3 + vite. Use EyeDropper to support global color selection !

source：https://github.com/guowenfh/chrome-color-picker

FAQ: If you can't use the plugin the first time you install it, just refresh the page!

一款 Chrome 控制台调试器风格的取色器插件。
安装后需要刷新一下待取色页面，使用 Alt+Shift+A 可以快捷呼出/关闭取色器。

使用 pnpm + vue3 + vite 强力驱动。使用 EyeDropper 支持全局进行颜色选取！

第一次安装无法使用插件的，刷新一下网页就可以了！

名稱	Chrome Color Picker
ID	ojaclcbknieckfcapcbifaijoocfmpaj
官方網址	https://chromewebstore.google.com/detail/chrome-color-picker/ojaclcbknieckfcapcbifaijoocfmpaj
簡介	A chrome debugger style color picker plugin
檔案大小	93.1 KB
安裝次數	4,479
目前版本	2.3.0
更新時間	2023-08-04
上架時間	2020-03-29
評分	4.10/5 共 10 次評分
開發者	guowenfh
電子郵箱	[email protected]
付費類型	free
擴展官網	https://github.com/guowenfh/chrome-color-picker
說明頁面URL	https://github.com/guowenfh/chrome-color-picker/issues
支援的語言	zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Chrome Color Picker", "version": "2.3.0", "description": "A chrome debugger style color picker plugin", "browser_action": { "default_icon": ".\/assets\/icons\/48.png", "default_popup": ".\/dist\/popup\/index.html" }, "background": { "page": ".\/dist\/background\/index.html", "persistent": false }, "icons": { "16": ".\/assets\/icons\/16.png", "48": ".\/assets\/icons\/48.png", "128": ".\/assets\/icons\/128.png" }, "permissions": [ "tabs", "clipboardWrite", "storage", "activeTab", "contextMenus", "" ], "commands": { "color-picker-start": { "suggested_key": { "windows": "Alt + Shift + A", "mac": "MacCtrl + Shift + A" }, "description": "Quick Color Pick-up" } }, "content_scripts": [ { "matches": [ "" ], "js": [ ".\/dist\/contentScripts\/index.global.js" ] } ], "web_accessible_resources": [ "dist\/contentScripts\/style.css" ] }