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
官方網址 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"
    }
}