CSS Inspector

An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.

什么是CSS Inspector?

CSS Inspector是由https://cssinspector.com开发的Chrome扩展程序,该扩展的主要功能是“An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载CSS Inspector扩展crx文件

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

扩展使用说明

                        ⚡️CSS Inspector is the easiest & fastest way to inspect/edit live webpages without coding. It's simple, just click & copy

Features
🔎 Get CSS Properties simply by selecting an element

🎨 Get the color palette from any website

🖍 Get a color reading from any point in your browser, elements or images, and paste it

📏 Get distance between elements in the page

🅰  Inspect fonts, color and other font properties. All typographies in one place

One time purchase
CSS Inspector is a one-time purchase extension, and all updates are included with it. No subscriptions, and no further surprises :)                    

扩展基本信息

名称 CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
官方URL https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
简介 An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
文件大小 2.57 MB
安装次数 7,078
当前版本 1.2.10
更新时间 2021-05-03
上架时间 2020-05-25
评分 2.52/5 共63次评分
开发者 https://cssinspector.com
电子邮箱 [email protected]
付费类型 free
扩展官网 https://cssinspector.com/
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "CSS Inspector",
    "version": "1.2.10",
    "description": "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.",
    "browser_action": {
        "default_icon": "images\/app-icon.png",
        "default_title": "CSS Inspector"
    },
    "icons": {
        "16": "images\/app-icon.png",
        "48": "images\/app-icon.png",
        "128": "images\/app-icon--big.png",
        "184": "images\/app-icon--big.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "run_at": "document_start",
            "css": [
                "css\/styles.css",
                "css\/tooltip.css",
                "css\/fontawesome\/css\/fontawesome.min.css",
                "css\/fontawesome\/css\/solid.min.css",
                "css\/fontawesome\/css\/brands.min.css",
                "css\/fonts_googleapis_family-Open_Sans.css"
            ],
            "js": [
                "js\/vendor\/jquery-3.3.1.min.js",
                "js\/vendor\/shortcut.js",
                "js\/vendor\/vibrant.js",
                "js\/vendor\/color-thief.js",
                "js\/vendor\/core.js",
                "js\/vendor\/colorcube.js",
                "js\/vendor\/name-color.js",
                "js\/vendor\/tinycolor.js",
                "js\/vendor\/mustache.min.js",
                "js\/vendor\/jquery.scrollstop.js",
                "js\/vendor\/html2canvas.min.js",
                "js\/01_content.js",
                "js\/02_detect-font.js",
                "js\/03_extract-color.js",
                "js\/04_color-picker.js",
                "js\/05_inspect-font.js"
            ]
        }
    ],
    "web_accessible_resources": [
        "images\/*",
        "css\/anchor-cursor-default.css",
        "css\/anchor-cursor-crosshair.css",
        "css\/fontawesome\/webfonts\/fa-solid-900.eot",
        "css\/fontawesome\/webfonts\/fa-solid-900.svg",
        "css\/fontawesome\/webfonts\/fa-solid-900.ttf",
        "css\/fontawesome\/webfonts\/fa-solid-900.woff",
        "css\/fontawesome\/webfonts\/fa-solid-900.woff2",
        "css\/fontawesome\/webfonts\/fa-brands-400.eot",
        "css\/fontawesome\/webfonts\/fa-brands-400.svg",
        "css\/fontawesome\/webfonts\/fa-brands-400.ttf",
        "css\/fontawesome\/webfonts\/fa-brands-400.woff",
        "css\/fontawesome\/webfonts\/fa-brands-400.woff2"
    ],
    "permissions": [
        "tabs",
        "",
        "clipboardWrite",
        "storage",
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "https:\/\/typekit.com\/"
    ],
    "background": {
        "scripts": [
            "background\/background.js"
        ],
        "persistent": false
    },
    "commands": {
        "activate": {
            "suggested_key": {
                "default": "Alt+P"
            },
            "description": "Activate pick color from web page"
        }
    }
}