Snable: UI Inspector & CSS Scanner

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

Premium users can view and search full source code, and see the source code differences between two versions.

Upgrade to premium

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "name": "Snable: UI Inspector & CSS Scanner",
  "description": "Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.",
  "version": "0.1.11",
  "manifest_version": 3,
  "icons": {
    "16": "img/logo-16.png",
    "32": "img/logo-34.png",
    "48": "img/logo-48.png",
    "128": "img/logo-128.png"
  },
  "action": {
    "default_popup": "src/views/popup.html",
    "default_icon": "img/logo-48.png"
  },
  "background": {
    "service_worker": "service-worker-loader.js",
    "type": "module"
  },
  "content_scripts": [
    {
      "js": [
        "assets/index.ts-loader-691e195d.js"
      ],
      "matches": [
        "http://*/*",
        "https://*/*"
      ]
    }
  ],
  "web_accessible_resources": [
    {
      "matches": [],
      "resources": [
        "img/logo-16.png",
        "img/logo-34.png",
        "img/logo-48.png",
        "img/logo-128.png"
      ],
      "use_dynamic_url": false
    },
    {
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "resources": [
        "assets/chunk-f9a6eefb.js"
      ],
      "use_dynamic_url": false
    }
  ],
  "permissions": [
    "activeTab"
  ]
}