{
  "id": 10823378,
  "title": "How to Build a Chrome Extension in 2026 (Manifest V3 Guide)",
  "url": "https://urgent.news/2026/09/30/how-to-build-a-chrome-extension-in-2026-manifest-v3-guide",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-30T01:16:54.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/huzaifa36/how-to-build-a-chrome-extension-in-2026-manifest-v3-guide-3mch"
  },
  "original_language": "en",
  "account": "Building a Chrome extension in 2026, using Manifest V3, involves creating several key components: manifest.json, popup.html, popup.js, and background.js. The manifest.json file is the configuration file that declares permissions, scripts, and extension metadata. It specifies the extension's name, version, icons, actions, background service worker, content scripts, permissions, and host permissions.\n\nThe popup.html file defines the user interface of the extension, including a heading and a button. However, unlike older tutorials, inline scripts are not allowed in extension HTML files due to Content Security Policy (CSP). Therefore, all scripts must be placed in external .js files.\n\npopup.js contains the JavaScript code that runs when the user clicks the button in the popup. It queries the active tab using the chrome.tabs API and sends a message to the content script. The response from the content script is then displayed in the status div.\n\nbackground.js is the service worker file that runs in the background. It listens for events such as the extension installation and sets a local storage item to indicate that the extension is enabled. Service workers in Manifest V3 run on demand and terminate when idle, unlike the old background pages in Manifest V2.",
  "summary": "Originally published on the MatrixInn Solutions blog . Chrome extensions give you superpowers over the browser — blocking ads, automating tasks, injecting UI into web pages, capturing screenshots, managing tabs, and much more. The Chrome Web Store has over 100,000 extensions used by hundreds of millions of people. This guide walks you through building a complete Chrome extension from scratch…",
  "key_points": [
    "Manifest.json configures extension permissions and metadata",
    "Popup.html defines user interface with external scripts",
    "Background.js runs service worker on demand"
  ],
  "editors_take": "This guide signifies a shift in Chrome extension development, requiring developers to adapt to Manifest V3's stricter security policies and changed architecture, affecting how they design and implement extensions.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}