CSS Inspector

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

Co to jest CSS Inspector?

CSS Inspector to rozszerzenie Chrome opracowane przez https://cssinspector.com, a jego główną funkcją jest „An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia CSS Inspector

Pobierz pliki rozszerzeń CSS Inspector w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        ⚡️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 :)                    

Podstawowe informacje o rozszerzeniu

Nazwa CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
Oficjalny URL https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
Opis An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Rozmiar pliku 2.57 MB
Liczba instalacji 7,078
Aktualna Wersja 1.2.10
Ostatnia Aktualizacja 2021-05-03
Data Publikacji 2020-05-25
Ocena 2.52/5 Łącznie 63 Oceny
Deweloper https://cssinspector.com
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://cssinspector.com/
Obsługiwane Języki 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"
        }
    }
}