CSS Inspector

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

Wat is CSS Inspector?

CSS Inspector is een Chrome-extensie ontwikkeld door https://cssinspector.com, en de belangrijkste functie is "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie CSS Inspector

Download CSS Inspector-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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

Basisinformatie over de Extensie

Naam CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
Officiële URL https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
Beschrijving An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Bestandsgrootte 2.57 MB
Aantal Installaties 7,078
Huidige Versie 1.2.10
Laatst Bijgewerkt 2021-05-03
Publicatiedatum 2020-05-25
Beoordeling 2.52/5 Totaal 63 Beoordelingen
Ontwikkelaar https://cssinspector.com
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://cssinspector.com/
Ondersteunde Talen 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"
        }
    }
}

Gerelateerde Extensies

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