Examine source code of Page Element Inspector

{
  "manifest_version": 2,
  "name": "Page Element Inspector",
  "version": "1.0.0",
  "description": "Interactive webpage element inspector for developers to analyze HTML structure and CSS properties with visual highlighting",
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": [
      "background.js"
    ],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "content.js"
      ],
      "css": [
        "styles.css"
      ],
      "run_at": "document_end"
    }
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_title": "Inspect Page Elements",
    "default_icon": {
      "16": "icons/icon-16.png",
      "32": "icons/icon-32.png",
      "48": "icons/icon-48.png",
      "128": "icons/icon-128.png"
    }
  },
  "icons": {
    "16": "icons/icon-16.png",
    "32": "icons/icon-32.png",
    "48": "icons/icon-48.png",
    "128": "icons/icon-128.png"
  },
  "web_accessible_resources": [
    "inspector-panel.html"
  ],
  "browser_specific_settings": {
    "gecko": {
      "id": "{2cc6051e-2442-41db-830b-9fe6d6acb0f4}"
    }
  }
}