CSS Used

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

Qu'est-ce que CSS Used ?

CSS Used est une extension Chrome développée par https://bobscript.com, et sa fonction principale est "Get all css rules used by the selected DOM and its descendants.".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension CSS Used

Téléchargez les fichiers d'extension CSS Used au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'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.

Informations de Base sur l'Extension

Nom CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
URL Officiel https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
Description Get all css rules used by the selected DOM and its descendants.
Taille du Fichier 164 KB
Nombre d'Installations 66,889
Version Actuelle 3.0.0
Dernière Mise à Jour 2023-01-17
Date de Publication 2019-06-23
Évaluation 4.57/5 Total 174 Évaluations
Développeur https://bobscript.com
Email [email protected]
Type de Paiement free
URL de la Page d'Aide https://github.com/painty/CSS-Used-ChromeExt
Langues Prises en Charge 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"
    }
}