CSS Inspector

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

Vad är CSS Inspector?

CSS Inspector är en Chrome-tillägg utvecklad av https://cssinspector.com, och dess huvudfunktion är "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.".

Tilläggsskärmbilder

screenshot
screenshot
screenshot
screenshot
screenshot

Ladda ner CSS Inspector-förlängningens CRX-fil

Ladda ner CSS Inspector-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.

Användarmanual för Tillägg

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

Grundläggande Information om Tillägg

Namn CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
Officiell webbadress https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
Beskrivning An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Filstorlek 2.57 MB
Antal Installationer 7,078
Aktuell Version 1.2.10
Senast Uppdaterad 2021-05-03
Publiceringsdatum 2020-05-25
Betyg 2.52/5 Totalt 63 Betyg
Utvecklare https://cssinspector.com
E-post [email protected]
Betalningssätt free
Tilläggswebbplats https://cssinspector.com/
Stödda Språk 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"
        }
    }
}

Relaterade Tillägg

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