A modern Chrome extension for inspecting and analyzing CSS styles on web pages
DOMinator CSS X-Ray Extension
A modern Chrome extension for inspecting and analyzing CSS styles on web pages. Activate the plugin while viewing a webpage, and hover your mouse pointer over anything in the page. The HTML elements will be highlighted with an colored outline border, while an information panel will reveal the element's HTML name, CSS properties, and CSS classes. Light and dark mode are inherited from your operating system's settings.
Read more
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "DOMinator CSS X-Ray", "version": "1.0.32", "description": "A modern Chrome extension for inspecting and analyzing CSS styles on web pages", "permissions": [ "storage", "activeTab" ], "action": { "default_popup": "popup.html", "default_icon": { "48": "icon-48.png", "128": "icon-128.png" } }, "background": { "service_worker": "service-worker.js", "type": "module" }, "content_scripts": [ { "matches": [""], "js": ["content-script.js"] } ], "icons": { "48": "icon-48.png", "128": "icon-128.png" }, "web_accessible_resources": [{ "resources": ["popup.css"], "matches": [""] }]}
Read more