Workshop: Building a Browser Extension from Scratch — Part 1
summary
Hands-on workshop that teaches how to build a browser extension from scratch: explains extension components, platform-specific features and limitations, common use cases, distribution platforms and submission, and developer tools and utilities. Covers practical knowledge useful for developers who want to create extensions (including upcoming support on iOS and iPad) and points to a GitHub repository with example code.
AI-written summary · about
chapters (15)
- 0:00Workshop intro
- 2:42What we build today
- 4:47Extension manifest
- 8:01Install in Chrome
- 13:49Localization and icons
- 16:21Content scripts
- 18:08Copy button
- 28:46CSS styling
- 33:27Debug content scripts
- 38:49User feedback toasts
- 42:45Access page variables
- 45:38Senior level command
- 49:28Background scripts
- 51:38Extension commands
- 1:00:18Senior feature final
related talks
15mCross Browser Add-ons and How to build one
01mEntrevista
33mBecome a wizard and make the browser your own
41mCross browser extensions – lets make one
29mEverything You Ever Wanted To Know About Cross-Browser Web Extensions
22mExtending the Web - explore new UI surfaces with WebExtensions
30mSave Time by Building Extensions for Your Browsers
04h 48mBuilding Our Own Text Editor