Chrome Extension Manifest Generator
Generate a valid manifest.json for Chrome extensions (Manifest V3). Configure permissions, host permissions, popup, background service worker, content scripts, and options page — then copy the ready-to-use JSON.
Frequently Asked Questions
What is Manifest V3 and why does it matter?▼
Manifest V3 (MV3) is the current Chrome extension platform. It replaced Manifest V2 with service workers instead of background pages, declarativeNetRequest instead of blocking webRequest, and stricter content security policies. Google began enforcing MV3 in 2024 — all new extensions must use MV3, and all existing MV2 extensions were sunset from the Chrome Web Store.
What is the difference between permissions and host_permissions?▼
permissions covers API access (storage, tabs, notifications, etc.) — Chrome features your extension can use. host_permissions covers which websites your extension can access (inject scripts, read cookies, make requests). In MV3 these are separate: APIs go in permissions[], website patterns go in host_permissions[]. Both require user consent during install.
When do I need a content script vs a background service worker?▼
Content scripts run in the context of web pages — they can read and modify page DOM, interact with the page's JavaScript environment, and listen to page events. Background service workers handle events not tied to a specific page: alarms, messages, network requests via fetch, or responding to browser events. They wake on demand and sleep when idle.
What permissions should I request for the minimal extension?▼
Follow least-privilege: only request what you actually use. For a simple popup that reads/writes settings: just storage. For reading the current tab URL: activeTab (granted on user click, no prompt). For scripting injection: scripting + host_permissions for the target sites. Chrome may warn users about 'sensitive permissions' — keep the list lean to improve install conversion.
How do I add icons to my extension?▼
Create icon PNG files at 16x16, 32x32, 48x48, and 128x128 pixels. Place them in an icons/ folder. Reference them in manifest.json under both the top-level icons (for the extensions page) and action.default_icon (for the toolbar button). For best results, use a transparent background and test on both light and dark Chrome themes.
How do I test my extension locally?▼
Open chrome://extensions in Chrome, enable 'Developer mode' (top right toggle), click 'Load unpacked', and select your extension folder containing manifest.json. Chrome loads the extension and shows any manifest errors. After code changes, click the refresh icon next to your extension to reload it without reinstalling.
Related Products
on GumroadTypeScript Quick Reference Toolkit
5 practical reference files for TypeScript developers: cheatsheet, TS vs JS comparison, 20 utility types with real examples, tsconfig best practices template, and 15 common mistakes guide. Print it. Keep it on your desk.
Buy on Gumroad →DevToolkit Starter Kit
A ready-to-deploy developer tools website with 12 built-in tools. Astro + Preact + Tailwind. Deploy to Cloudflare Pages for free. Built-in SEO, dark mode, and ad-ready layout.
Buy on Gumroad →Developer Productivity Bundle
Stop rebuilding the same setup every project. 51 VSCode snippets, 40 Git aliases, 5 Docker Compose stacks, 5 GitHub Actions workflows, 5 README templates, and a dotfiles kit. Set up a professional dev environment in under an hour.
Buy on Gumroad →You Might Also Need
JS Prototype Chain Visualizer
Explore JavaScript prototype chains interactively. Visualize built-in types (Array, Map, Promise, Error) and custom classes with property lookup path diagrams.
Open free tool →
JavaScript Formatter & Minifier
Format and beautify JavaScript code with proper indentation, or minify it to reduce bundle size. Handles strings, template literals, comments, and nested blocks. Runs in your browser.
Open free tool →
Code Tools
10 free code tools: HTML/CSS/JS formatter and minifier, SQL formatter, TypeScript to JavaScript converter, JSON formatter, regex playground, and Git helpers. No signup.
Open free tool →
More Free Tools
Related Articles
10 Best Browser Extensions for Web Developers in 2025 (Chrome & Firefox)
The 10 must-have browser extensions for web developers in 2025 — covering React DevTools, JSON viewers, accessibility checkers, network throttling, and more. All free or freemium.
Best Free Regex Testers for Web Developers
The best free online regex testers for web developers in 2025. Compare features, language support, and find the right regex testing tool for your workflow.
Chrome DevTools JavaScript Debugging: Complete Guide (2026)
Master JavaScript debugging in Chrome DevTools. Learn breakpoints, the Call Stack, watch expressions, network inspection, and performance profiling with practical examples.
Rust and WebAssembly in 2026: From Zero to Production
Learn how to compile Rust code to WebAssembly for blazing-fast web applications. A complete guide covering wasm-pack, wasm-bindgen, web-sys, JavaScript integration, performance optimization, and real-world case studies from Figma, Google Earth, and more.
JavaScript Temporal API 2026: Modern Date and Time Handling
Complete guide to the JavaScript Temporal API replacing the broken Date object. Time zones, calendar support, durations, and practical examples for modern date/time handling.
Enjoying this tool? Get more like it.
Weekly developer tool guides, productivity playbooks & AI tricks. Free. No spam.
Unlock AI-Powered Dev Tools
- ⚡ AI Code Review, Doc Generator & SQL Builder
- ⚡ All premium templates & early access
- ⚡ Member discounts on Gumroad products
$9/mo after trial · Cancel anytime
Want the full toolkit?
Get DevPlaybook Pro
Every template, guide, boilerplate, and automation script in one bundle. 13 premium products — grab them all at once and save big.
MIT licensed · Instant download · No subscription
See what's included → Browse all deals →