Get all css rules used by the selected DOM and its descendants.

Latest Version

Version
3.0.0
Update
January 17, 2023
Size
164KiB
Developer
bobscript.com
Category
Users
60,000+
Rating
4.51087 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
See more

CSS Used Extension

One click to get all the css applied to the selected web element and its descendants.

-- Recent Update --
1. Migrated to Manifest V3.
2. Resources are read from local caches, making it much faster and solves the cross-origin issue.
3. Optimized style parsing in a more efficient way.
4. Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties.
5. Implemented a new UI powered by Svelte, with some visual tweaks.

-- Known Limit --
1. For CSS rules like \".wrap p{...}\", if only \"

\" is selected, the result \".wrap p{...}\" will not apply to \"

\". Either change the rule to \"p{...}\" or add a \".wrap\" parent in the final HTML.
2. CSS custom properties (variables) and all the style inherit related features are not supported currently.

Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "CSS Used", "version": "3.0.0", "permissions": ["tabs"], "optional_permissions": ["storage"], "author": "Bob", "icons": { "16": "static/icon/16.png", "48": "static/icon/48.png", "128": "static/icon/128.png" }, "description": "Get all css rules used by the selected DOM and its descendants.", "devtools_page": "devtools.html", "options_page": "options.html", "manifest_version": 3, "content_scripts": [ { "matches": [""], "js": ["assets/content.js"], "all_frames": true } ], "action": { "default_icon": "static/icon/128.png", "default_title": "CSS Used For Chrome Devtool", "default_popup": "popup.html" }}
Read more