Skip to main content

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.

✓ Manifest V3 ✓ 25+ permission options ✓ Content scripts & service worker ✓ Copy-ready 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.

Share this tool: X / Twitter LinkedIn
✓ 60,000+ developers use DevPlaybook ★★★★★ 4.8 / 5 on Gumroad ✓ MIT licensed · Instant download ✓ No login required

Related Products

on Gumroad

You Might Also Need

More Free Tools

Enjoying this tool? Get more like it.

Weekly developer tool guides, productivity playbooks & AI tricks. Free. No spam.

DevPlaybook Pro 7 days free

Unlock AI-Powered Dev Tools

  • ⚡ AI Code Review, Doc Generator & SQL Builder
  • ⚡ All premium templates & early access
  • ⚡ Member discounts on Gumroad products
Start Free Trial →

$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.

$79
$241 separately Save $162 (67% off)
Get DevPlaybook Pro — $79 →

MIT licensed · Instant download · No subscription

See what's included → Browse all deals →