CSS Used

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

O que é CSS Used?

CSS Used é uma extensão do Chrome desenvolvida por https://bobscript.com, e sua principal característica é "Get all css rules used by the selected DOM and its descendants.".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão CSS Used

Baixe arquivos de extensão CSS Used no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.

Informações Básicas da Extensão

Nome CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
URL Oficial https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
Descrição Get all css rules used by the selected DOM and its descendants.
Tamanho do Arquivo 164 KB
Contagem de Instalações 66,889
Versão Atual 3.0.0
Última Atualização 2023-01-17
Data de Publicação 2019-06-23
Classificação 4.57/5 Total de 174 Avaliações
Desenvolvedor https://bobscript.com
Email [email protected]
Tipo de Pagamento free
URL da Página de Ajuda https://github.com/painty/CSS-Used-ChromeExt
Idiomas Suportados 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"
    }
}