CSS Comparer

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "manifest_version": 3,
  "name": "CSS Comparer",
  "description": "Extension that allows developer to compare CSS of multiple components on a webpage",
  "version": "1.0",
  "icons": {
    "16": "assets/icon_16.png",
    "19": "assets/icon_19.png",
    "32": "assets/icon_32.png",
    "38": "assets/icon_38.png",
    "48": "assets/icon_48.png",
    "128": "assets/icon_128.png"
  },
  "action": {
    "default_icon": "assets/icon_128.png",
    "default_title": "CSS Comparer"
  },
  "side_panel": {
    "default_path": "side_panel/side_panel.html"
  },
  "content_scripts": [
    {
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "js": [
        "content.js"
      ],
      "run_at": "document_end"
    }
  ],
  "background": {
    "service_worker": "service-worker.js"
  },
  "web_accessible_resources": [
    {
      "resources": [
        "assets/*"
      ],
      "matches": [
        "*://*/*"
      ]
    }
  ],
  "permissions": [
    "sidePanel",
    "activeTab"
  ]
}