English (UK)
See more
The easiest way to identify colors on web pages.
Latest Version
Version
1.0.2
Update
September 8, 2022
Size
32.14KiB
Developer
milhen.ch
Category
Users
1,000+ 
Rating
1.85714 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
WhatColor Extension
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.
Read more
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.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"background": { "scripts": [ "background.js", "asyncTracking.js" ]\t},\t"browser_action": { "default_icon": "images/dropper48.png" }, "content_scripts": [ \t\t{\t\t\t"matches": [ "http://*/*", "https://*/*", "file:///*", "*://*/*" ],\t\t\t"run_at": "document_start",\t\t\t"js": ["content.js", "content/js/plugins.js"]\t\t} ],\t"description": "The easiest way to identify colors on web pages.",\t"icons": { "128": "images/dropper128.png", "48": "images/dropper48.png", "16": "images/dropper16.png" },\t"manifest_version": 2,\t"name": "WhatColor",\t"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/*" ]}
Read more
