CSS Inspector

CSS Inspector

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

Merlin
Additional files are visible only to premium users

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": [
        "<all_urls>"
      ],
      "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",
    "<all_urls>",
    "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"
    }
  }
}