DeveloperBreeze

Browser Extensions Development Tutorials, Guides & Insights

Unlock 1+ expert-curated browser extensions tutorials, real-world code snippets, and modern dev strategies. From fundamentals to advanced topics, boost your browser extensions skills on DeveloperBreeze.

Building a Chrome Extension: A Step-by-Step Tutorial

Cheatsheet August 20, 2024
javascript css html

Create a manifest.json file in your project directory and add the following content:

{
  "manifest_version": 3,
  "name": "My Chrome Extension",
  "version": "1.0",
  "description": "A simple Chrome extension example.",
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    }
  },
  "permissions": [
    "activeTab"
  ]
}