Multi-entry Content Scripts

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: intermediate

Create this project

npx extension@latest create my-content-multi-three-entries --template content-multi-three-entries
cd my-content-multi-three-entries
npm install
npm run dev

Files in this template

  • extension.config.js
  • src/background.js
  • src/content/script-bottom-left.js
  • src/content/script-bottom-right.js
  • src/content/script-top-left.js
  • src/content/script-top-right.js
  • src/content/styles.css
  • src/content/utils/constants.js
  • src/content/utils/create-badge.js
  • src/images/icon.png
  • src/manifest.json
  • src/screenshot.png

Source on GitHubDocumentation

extension.devDocumentation for extension.dev