Skip to main content
Andrew's Tech Classes

User account menu

  • Log in

Main navigation

  • Courses
  • Classes
  • Exercises
  • Resources
  • Questions
  • Tips
  • Articles
  • Projects
  • Search
  • Positions

Developing Browser Extensions

How to develop browser extensions.

web-ext

A tool for running your extension in a browser, with live updates during development.

Install globally: npm install --global web-ext

https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/

There is a webpack plugin as well: https://github.com/hiikezoe/web-ext-webpack-plugin/blob/master/README.md

Web Storage

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage

sessionStorage

Storage per origin, per tab, per session.

localStorage

Same as above, but persistent.

IndexDB

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

Firefox Storage Inspector

https://firefox-source-docs.mozilla.org/devtools-user/storage_inspector/index.html

create-web-ext

https://www.npmjs.com/package/create-web-ext

Level
Intermediate
Topics
#Browser extensions
Resources
MDN Browser Extensionshttps://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions
Web Storage APIhttps://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

Course: Browser Extensions

Developing Browser Extensions
Web Extension Webpack Plugin

Footer

  • Portfolio
  • DrupalArchitect
  • GitHub
  • Sitemap