CSS Used

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

Wat is CSS Used?

CSS Used is een Chrome-extensie ontwikkeld door https://bobscript.com, en de belangrijkste functie is "Get all css rules used by the selected DOM and its descendants.".

Extensie Screenshots

screenshot

Download het CRX-bestand van de extensie CSS Used

Download CSS Used-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.

Basisinformatie over de Extensie

Naam CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
Officiële URL https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
Beschrijving Get all css rules used by the selected DOM and its descendants.
Bestandsgrootte 164 KB
Aantal Installaties 66,889
Huidige Versie 3.0.0
Laatst Bijgewerkt 2023-01-17
Publicatiedatum 2019-06-23
Beoordeling 4.57/5 Totaal 174 Beoordelingen
Ontwikkelaar https://bobscript.com
E-mail [email protected]
Betalingswijze free
Help Pagina-URL https://github.com/painty/CSS-Used-ChromeExt
Ondersteunde Talen en
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"
    }
}