CSS Inspector

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

Apa itu CSS Inspector?

CSS Inspector adalah ekstensi Chrome yang dikembangkan oleh https://cssinspector.com, dan fitur utamanya adalah "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.".

Screenshot Ekstensi

screenshot
screenshot
screenshot
screenshot
screenshot

Unduh Berkas CRX Ekstensi CSS Inspector

Unduh file ekstensi CSS Inspector dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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

Informasi Dasar Ekstensi

Nama CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
URL Resmi https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
Deskripsi An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Ukuran File 2.57 MB
Jumlah Instalasi 7,078
Versi Saat Ini 1.2.10
Terakhir Diperbarui 2021-05-03
Tanggal Publikasi 2020-05-25
Penilaian 2.52/5 Total 63 Penilaian
Pengembang https://cssinspector.com
Email [email protected]
Tipe Pembayaran free
Situs Ekstensi https://cssinspector.com/
Bahasa yang Didukung 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"
        }
    }
}

Ekstensi Terkait

CSSViewer
CSSViewer
Inspect CSS
Inspect CSS
Hoverify
Hoverify
CSS Scan
CSS Scan
SnipCSS
SnipCSS
CSS Peeper
CSS Peeper
CSS Used
CSS Used
CSS Viewer for Google Chrome™
CSS Viewer for Google Chrome™
Web Design Pirate
Web Design Pirate
Amino: Live CSS Editor
Amino: Live CSS Editor
Visual CSS Editor
Visual CSS Editor
InTab - Style Websites Faster
InTab - Style Websites Faster