Cross Browser Add-ons and How to build one

on YouTube ↗15m

" summary

How to create cross‑browser browser extensions using the WebExtensions APIs, with concrete examples for Firefox, Chrome, Opera and Edge. Covers existing extension categories and walks through building and porting extensions (e.g., an hourly reminder or a UTM‑stripper) using JavaScript with minimal changes between browsers.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 0:02Jyotsna Gupta
3. 4:15Why WebExtensions?
4. 6:01Background scripts
5. 6:22Content Scripts
6. 7:03Browser action
7. 7:34Page action
8. 7:51Options Page
9. 9:08Alarms API
10. 10:06Windows API
11. 10:28Security
12. 11:41Porting add-ons
13. 13:44Publish your Add-on

" related talks

• 38mBuilding Cross-Platform Browser Add-onsJyotsna Gupta · Women in Tech Virtual Conference 2020
• 41mCross browser extensions – lets make oneTrishul Goel · FrontEnd Con 2018
• 29mEverything You Ever Wanted To Know About Cross-Browser Web ExtensionsRiaz Virani · XtremeJS 2021
• 33mBrowser ExtensionsMatt Claypotch · JSConf US 2018
• 01mEntrevistaMatias Blayer · NG Bolivia 2019
• 22mCross browser extensions - lets make oneTrishul Goel · The Rolling Scopes Conference 2018
• 22mExtending the Web - explore new UI surfaces with WebExtensionsOliver Dunk · Wey Wey Web 2024
• 01h 02mWorkshop: Building a Browser Extension from Scratch — Part 1Semen Levenson · HolyJS 2021 Moscow