Building Cross-Platform Browser Add-ons
summary
Explains how to build one codebase that runs on Chrome, Firefox and Edge using the WebExtensions model, with a concrete manifest.json structure and the runtime split between background scripts (full extensions API) and content scripts (DOM access only), plus examples of APIs used: notifications, alarms, tabs and windows. Describes a shipped add-on called PrivateX that opens a site in a new private window and strips auth tokens, how to port by switching chrome/browser namespaces and debug with about:debugging.
AI-written summary · about
chapters (26)
- 0:00Introduction
- 1:20Welcome
- 1:40Who am I
- 2:23Agenda
- 3:06What are Browser Addons
- 5:45Gostrey
- 6:29PrivateX
- 8:35Facebook Container
- 10:48Web Extensions
- 12:30Web Extensions Architecture
- 14:31Background Script
- 19:24Free Section
- 20:18Options Page
- 21:46Variations
- 22:15Notifications
- 23:26Alarms
- 24:43Tabs
- 26:06Example
- 27:03Security
- 32:30Getting Started
- 33:20WebEx
- 33:50Debugging
- 34:35Publish
- 35:14Resources
- 36:29How to contribute
- 37:02Outro
related talks
15mCross Browser Add-ons and How to build one
41mCross browser extensions – lets make one
29mEverything You Ever Wanted To Know About Cross-Browser Web Extensions
01mEntrevista
22mExtending the Web - explore new UI surfaces with WebExtensions
33mBrowser Extensions
33mBecome a wizard and make the browser your own
22mCross browser extensions - lets make one