Options page

Adds an options page to the browser that saves a setting with chrome.storage.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: options page · Styling: CSS · Level: beginner

Create this project

npx extension@latest create my-options --template options
cd my-options
npm install
npm run dev

What it is for

  • An options page as the primary UI surface
  • Saving a user setting with chrome.storage.sync so it follows the profile
  • Starting point for any extension that needs preferences

First steps

  • Run npm run dev to launch the extension
  • Open the extensions page of your browser and pick Options on this extension
  • Edit src/options/index.html to add a setting of your own

Permissions it asks for

  • storage

Source on GitHubDocumentation

extension.devDocumentation for extension.dev