CSS Used

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

¿Qué es CSS Used?

CSS Used es una extensión de Chrome desarrollada por https://bobscript.com, y su función principal es "Get all css rules used by the selected DOM and its descendants.".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión CSS Used

Descarga archivos de extensión CSS Used en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.

Información Básica de la Extensión

Nombre CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
URL Oficial https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
Descripción Get all css rules used by the selected DOM and its descendants.
Tamaño del Archivo 164 KB
Cantidad de Instalaciones 66,889
Versión Actual 3.0.0
Última Actualización 2023-01-17
Fecha de Publicación 2019-06-23
Calificación 4.57/5 Total de 174 Calificaciones
Desarrollador https://bobscript.com
Correo electrónico [email protected]
Tipo de Pago free
URL de la Página de Ayuda https://github.com/painty/CSS-Used-ChromeExt
Idiomas Soportados 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"
    }
}