Content Multi One Entry

Injects four small elements into every web page you visit.

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

Create this project

npx extension@latest create my-content-multi-one-entry --template content-multi-one-entry
cd my-content-multi-one-entry
npm install
npm run dev

What it is for

  • Four scripts shipped from a single content-script entry
  • One match rule driving several focused files
  • Reference for grouping content scripts under one entry

First steps

  • Run npm run dev to launch the extension
  • Open any web page and an element appears in each of its four corners
  • Edit one script in src/content/ and save to see that corner update

Permissions it asks for

  • <all_urls>

Source on GitHubDocumentation

extension.devDocumentation for extension.dev