CSS Used

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

什么是CSS Used?

CSS Used是由https://bobscript.com开发的Chrome扩展程序,该扩展的主要功能是“Get all css rules used by the selected DOM and its descendants.”。

扩展截图

screenshot

下载CSS Used扩展crx文件

下载CSS Used扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.

扩展基本信息

名称 CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
官方URL https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
简介 Get all css rules used by the selected DOM and its descendants.
文件大小 164 KB
安装次数 66,889
当前版本 3.0.0
更新时间 2023-01-17
上架时间 2019-06-23
评分 4.57/5 共174次评分
开发者 https://bobscript.com
电子邮箱 [email protected]
付费类型 free
帮助页面URL https://github.com/painty/CSS-Used-ChromeExt
支持的语言 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"
    }
}