Building browser add-ons with Flutter
summary
Shows how to produce a working Chrome extension from a Flutter web build in four concrete steps: strip index.html to only load main.js, configure manifest.json with permissions and a default pop-up, build with the HTML renderer (CanvasKit is unsupported), and load the web folder as an unpacked extension. Demonstrates calling Chrome APIs via js.context and promiseToFuture to get the active tab URL, notes state is lost when the popup closes and Firebase needs local JS files.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 0:47What are browser add-ons
- 2:13Anatomy of web extensions
- 4:43Building Chrome extensions in Flutter
- 9:00Loading and testing the extension
- 10:01Using web extension APIs
- 13:12Limitations and final thoughts
related talks
28mBrowser Extensions with Flutter
13mLearn how Flutter enhances web apps
13mBuilding platform adaptive apps
53mFlutter in Action
29mSimplify app development by building widgets in isolation
49mWhat's Awesome about Flutter
30mAdding Flutter to your app - what are they not telling you?
18mOptimize your productivity with Flutter developer tooling