WhatColorとは何ですか？

WhatColorはhttps://milhen.chによって開発されたChromeの拡張機能で、その主な機能は「The easiest way to identify colors on web pages.」です。

拡張機能のスクリーンショット

WhatColor拡張機能のCRXファイルをダウンロード

WhatColor拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

This chrome extension has been written to demonstrate how to execute code within the current page after a chrome extension button is pressed, as discussed in my article;

https://medium.com/p/f951315854e9

The basic premise is to parse all css stylesheet files that are linked to the current page and add a sidebar that lists all of the colors referenced within the stylesheets.

# Caveats
* For demo purposes only (supporting the atricle).
* Inline colors are not displayed.

拡張機能の基本情報

名前	WhatColor
ID	begomjapoppkfcdcaindehabfglbfkcn
公式URL	https://chromewebstore.google.com/detail/whatcolor/begomjapoppkfcdcaindehabfglbfkcn
説明	The easiest way to identify colors on web pages.
ファイルサイズ	32.14 KB
インストール数	1,380
現在のバージョン	1.0.2
最終更新日	2022-09-08
公開日	2013-10-29
評価	2.00/5 合計 6 レビュー
開発者	https://milhen.ch
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://medium.com/p/f951315854e9
ヘルプページのURL	https://medium.com/p/f951315854e9
対応言語	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "background": { "scripts": [ "background.js", "asyncTracking.js" ] }, "browser_action": { "default_icon": "images\/dropper48.png" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/", "file:\/\/\/", ":\/\/\/" ], "run_at": "document_start", "js": [ "content.js", "content\/js\/plugins.js" ] } ], "description": "The easiest way to identify colors on web pages.", "icons": { "128": "images\/dropper128.png", "48": "images\/dropper48.png", "16": "images\/dropper16.png" }, "manifest_version": 2, "name": "WhatColor", "version": "1.0.2", "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'", "web_accessible_resources": [ "content\/coordinator.js", "content\/*" ] }