CSS Inspector

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

Qu'est-ce que CSS Inspector ?

CSS Inspector est une extension Chrome développée par https://cssinspector.com, et sa fonction principale est "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension CSS Inspector

Téléchargez les fichiers d'extension CSS Inspector au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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

Informations de Base sur l'Extension

Nom CSS Inspector CSS Inspector
ID ncgpjidaohcjajcpafgagmejnooepbml
URL Officiel https://chromewebstore.google.com/detail/css-inspector/ncgpjidaohcjajcpafgagmejnooepbml
Description An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Taille du Fichier 2.57 MB
Nombre d'Installations 7,078
Version Actuelle 1.2.10
Dernière Mise à Jour 2021-05-03
Date de Publication 2020-05-25
Évaluation 2.52/5 Total 63 Évaluations
Développeur https://cssinspector.com
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://cssinspector.com/
Langues Prises en Charge 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"
        }
    }
}