Web Serial API in Firefox 151: Hardware Direct in je Browser

Heb je ooit geprobeerd een hardwareproject te starten? Dan weet je hoe snel je vastloopt in drivers, platformverschillen en installatiegedoe. Met Firefox 151 verandert dat. De browser ondersteunt nu de Web Serial API volledig, waardoor JavaScript direct met seriële apparaten kan praten.

Wat doet de Web Serial API precies?

De API laat je JavaScript-code communiceren met apparaten die via USB of Bluetooth werken. Denk aan ESP32-borden, Arduino-kopieën, Raspberry Pi Pico’s, 3D-printers en allerlei IoT-gadgets.

Voorheen had je aparte programma’s en drivers nodig. Nu schrijf je gewoon JavaScript en vraag je via de browser toegang tot de poort. Eén klik en je bent verbonden.

Wat wordt er al mee gedaan?

De API is al in de praktijk te zien.

CircuitPython-installaties
Adafruit gebruikt Web Serial om firmware te flashen. Je sleept een code.py-bestand naar je apparaat en je draait Python op je microcontroller. Zonder extra software.

Stroomverbruik meten
Een Mozilla-ontwikkelaar bouwde een webapp die live stroomdata uitleest via een USB-meter. De data wordt meteen doorgevoerd naar Firefox Profiler. Zo visualiseer je energieverbruik zonder extra tools.

Home Assistant en ESPHome
Gebruikers kunnen nu slimme apparaten flashen en configureren in de browser. Wat eerst een technische uitdaging was, is nu een middagklus.

Live hardware-ontwikkeling
Met tools als Page Playground kun je code bewerken en meteen hardware-feedback krijgen. De browser wordt je editor en debugger tegelijk.

Hoe zit het met beveiliging?

Mozilla heeft de API veilig opgezet. Websites krijgen geen zicht op je apparaten tenzij je dat expliciet toestaat. Je moet een poort selecteren via navigator.serial.requestPort(). De browser vraagt om bevestiging en je bepaalt zelf welke apparaten je deelt. Permissions zijn per site en per poort. Net zoals camera’s en microfoons.

Waarom dit voor developers interessant is?

De Web Serial API maakt hardware-experimenten veel sneller. Je kunt:

• sneller itereren zonder telkens te compileren en te uploaden
• dezelfde stack gebruiken op elk platform
• een link delen voor samenwerking
• real-time data visualiseren
• lesmateriaal bouwen zonder driver-installatie

Welke apparaten werken ermee?

Alles dat serial-protocol spreekt en als COM-poort of /dev/ttyUSB* verschijnt. Dat zijn onder andere ESP32- en ESP8266-borden, Raspberry Pi Pico, 3D-printers, LEGO-devices en custom-sensors.

Webontwikkeling en hardware samen

Met Vibe Hosting kun je nu hardware-dashboards bouwen waar AI je helpt met code-suggesties. De grens tussen web en hardware vervaagt. Een JavaScript-ontwikkelaar kan nu ook hardware-interacties schrijven zonder nieuwe tools.

Aan de slag

Wil je starten?

• Update naar Firefox 151 of hoger (alleen desktop)
• Bekijk de Web Serial Tool van Adafruit
• Lees de MDN-documentatie
• Haal een goedkope ESP32 en een sensor
• Schrijf JavaScript en begin

De drempel is laag. Welk hardwareproject had je al langer in gedachten?