Inspect CSS

The easiest way to inspect and edit CSS

什麼是Inspect CSS?

Inspect CSS是由kholid060開發的Chrome擴展程式,該擴展的主要功能是“The easiest way to inspect and edit CSS”。

擴展截圖

screenshot
screenshot
screenshot

下載Inspect CSS擴展crx文件

下載Inspect CSS擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Features: 
🔎 Get CSS Properties from any element by selecting it
✏️ Get and edit element attributes
📷 Download website assets
⌨️ Add your custom CSS to the website
🎨 Get the color palette of the website
🧭 DOM Navigation
🎯 Color picker

GitHub:
https://github.com/Kholid060/inspect-css                    

擴展基本資訊

名稱 Inspect CSS Inspect CSS
ID fbopfffegfehobgoommphghohinpkego
官方網址 https://chromewebstore.google.com/detail/inspect-css/fbopfffegfehobgoommphghohinpkego
簡介 The easiest way to inspect and edit CSS
檔案大小 380 KB
安裝次數 5,344
目前版本 1.0.2
更新時間 2024-02-09
上架時間 2020-09-15
評分 4.20/5 共 10 次評分
開發者 kholid060
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/Kholid060/inspect-css
說明頁面URL https://github.com/Kholid060/inspect-css/issues
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "default_locale": "en",
    "name": "__MSG_extensionName__",
    "version": "1.0.2",
    "description": "__MSG_extensionDescription__",
    "permissions": [
        "activeTab",
        "scripting",
        "storage"
    ],
    "action": [],
    "background": {
        "service_worker": "src\/pages\/background\/index.js",
        "type": "module"
    },
    "icons": {
        "128": "icon-128.png"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "assets\/js\/*.js",
                "assets\/woff2\/*.woff2",
                "assets\/css\/*.css",
                "icon-128.png",
                "icon-34.png"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ]
}