Become a wizard and make the browser your own
summary
Shows how a WebExtensions extension uses a single manifest.json plus content scripts to inject JS/CSS, a side panel and popup for isolated UI, and a DevTools panel using chrome.devtools. Demonstrates the readability library to extract article text, a local summarizer and prompt API for on-device LLM summarization, and an actual proposal runtime.getVersion that ships across browsers within weeks. Links to GitHub samples and describes stores that can scale an extension to thousands or millions of users.
AI-written summary · about
chapters (8)
- 0:00Browser extensions intro
- 6:03Basic Chrome extension
- 10:59Side panels for UI
- 16:37Popups and AI interactions
- 20:10DevTools UI with extensions
- 23:17New extension APIs
- 29:12Extension capabilities recap
- 31:36Closing and audience feedback
related talks
22mExtending the Web - explore new UI surfaces with WebExtensions
29mEverything You Ever Wanted To Know About Cross-Browser Web Extensions
01mEntrevista
41mCross browser extensions – lets make one
38mBuilding Cross-Platform Browser Add-ons
20mDevelop your own Browser extension
31mBuilding your first malicious chrome extension 😈
28mBrowser Extensions with Flutter