Web Developer

The Web Developer extension adds various web developer tools to the browser.

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

manifest.json

{
  "action": {
    "default_icon": {
      "16": "/img/logos/color/16.png",
      "32": "/img/logos/color/32.png",
      "48": "/img/logos/color/48.png",
      "64": "/img/logos/color/64.png",
      "128": "/img/logos/color/128.png",
      "256": "/img/logos/color/256.png"
    },
    "default_popup": "/overlay/overlay.html",
    "default_title": "__MSG_extensionName__"
  },
  "background": {
    "scripts": [
      "/background/background.js"
    ]
  },
  "browser_specific_settings": {
    "gecko": {
      "id": "{c45c406e-ab73-11d8-be73-000a95be3b12}",
      "strict_min_version": "109.0"
    }
  },
  "content_scripts": [
    {
      "js": [
        "/content/content.js"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ],
  "default_locale": "en_US",
  "description": "__MSG_extensionDescription__",
  "homepage_url": "https://chrispederick.com/work/web-developer/",
  "host_permissions": [
    "<all_urls>"
  ],
  "icons": {
    "16": "/img/logos/color/16.png",
    "32": "/img/logos/color/32.png",
    "48": "/img/logos/color/48.png",
    "64": "/img/logos/color/64.png",
    "128": "/img/logos/color/128.png",
    "256": "/img/logos/color/256.png"
  },
  "manifest_version": 3,
  "name": "__MSG_extensionName__",
  "options_ui": {
    "open_in_tab": true,
    "page": "/options/options.html"
  },
  "permissions": [
    "browsingData",
    "cookies",
    "history",
    "scripting",
    "storage",
    "tabs"
  ],
  "version": "3.0.1",
  "web_accessible_resources": [
    {
      "matches": [
        "<all_urls>"
      ],
      "resources": [
        "/embedded/css/*.css",
        "/embedded/js/dashboard/dashboard.js",
        "/features/css/*.css",
        "/img/transparent.png",
        "/lib/bootstrap/bootstrap.css",
        "/lib/bootstrap/bootstrap.js",
        "/lib/reset.css",
        "/svg/logos/color/logo.svg"
      ]
    }
  ]
}