Special Folders Scripts

Shows a small overlay on web pages and a toolbar popup that runs the extension's bundled scripts.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: content script, popup, background service worker · Styling: CSS · Level: beginner

Create this project

npx extension@latest create my-special-folders-scripts --template special-folders-scripts
cd my-special-folders-scripts
npm install
npm run dev

What it is for

  • Scripts shared between a popup and a content script
  • Standalone script bundles without manifest plumbing
  • Reference for the scripts/ special folder convention

First steps

  • Run npm run dev to launch the extension
  • Open any page for the overlay, then click the toolbar icon for the popup
  • Add a file under scripts/ and it ships as its own bundle

Permissions it asks for

  • activeTab
  • scripting
  • <all_urls>

extension.devDocumentation for extension.dev