In juni 2022 kondigde Microsoft aan dat het de WebView2-runtime beschikbaar zou maken voor alle Windows 10-apparaten met ten minste april 2018-updates.

De belangrijkste reden is om de voordelen van de technologie bij de ontwikkeling van webcontent gemakkelijk toegankelijk te maken voor Windows 10-gebruikers. Momenteel helpt WebView2-technologie bij het aandrijven van veel webtoepassingen, waaronder Microsoft Office.

In dit artikel zullen we kijken naar WebView2, hoe het zich verhoudt tot Electron en hoe het webgebaseerde applicaties beïnvloedt.

Wat is WebView2?

WebView2 is een besturingselement waarmee gebruikers webtechnologieën zoals HTML en JavaScript kunnen opnemen in hun inhoudstoepassingen. Deze runtime-besturing van Microsoft Edge werkt nu standaard met het Windows 10-besturingssysteem.

De Microsoft Edge-verbinding zorgt ervoor dat de runtime een beperkte schijfruimte inneemt onder één product als ze van dezelfde versie zijn. Hierdoor weet u zeker dat de installatie van WebView zo min mogelijk impact heeft op uw pc.

Hoe kan WebView2 zijn concurrentie aan?

Er zijn een paar verschillen tussen WebView2 en zijn concurrent, Electron JS, vooral bij het vergelijken van hoe ze hun webinhoud weergeven. Op het eerste gezicht lijkt hun weergavepatroon redelijk op elkaar. Enkele belangrijke elementen springen er echter uit.

1. Bouwbasis

Beide technologieën zijn gebaseerd op chroom. Hoewel WebView2 meer beperkt is om te werken met Microsoft Edge.

Electron stelt een ontwikkelaar in staat om te creëren platformonafhankelijke applicaties die op uw desktop werken terwijl het wordt gehost als een webtoepassing. Deze technologie fungeert als communicatiemedium tussen de applicatie en de desktop.

WebView daarentegen is een technologie die als onderdeel van uw toepassing werkt om webinhoud weer te geven.

Deze build-afhankelijkheid van Chromium of Edge heeft ook invloed op het type platforms waarop de technologieën kunnen draaien. Bovendien werkt Electron goed op Mac, Linux en Windows, terwijl het enige platform voor WebView2 Windows is.

2. Interfaces voor applicatieprogrammering

Electron heeft API's voor de meeste applicatiebehoeften, zoals toegang tot bestandssystemen en meldingen. WebView2 biedt echter geen API's voor zijn desktoptoepassingen.

Hoewel, als het op talen aankomt, Electron en WebView ondersteuning bieden voor het gebruik van JavaScript, CSS en HTML bij het bouwen van uw applicaties.

3. Renderingsproces

Er is een kleine variatie in de manier waarop deze technologieën hun toepassingen weergeven. Het Electron-procesmodel is onderverdeeld in het hoofd- en het rendererproces.

Het primaire proces opereert in een Node.js-omgeving en dient als toegangspunt voor individuele toepassingen. Het wordt vervolgens opgesplitst in verschillende rendererprocessen die helpen bij het weergeven van de applicatie-inhoud.

Ondertussen is het WebView2-procesmodel meestal een groep die verschillende runtime-processen omvat. Elk runtime-proces heeft één browser, ten minste één renderer en een aantal andere hulpprocessen.

Deze hulpprocessen zijn meestal hulpprogramma's zoals visuele of audioservices.

Wat dit betekent voor webgebaseerde toepassingen

Door WebView2 in Windows 10 te introduceren, kunnen ontwikkelaars de mogelijkheden van de Edge-browser volledig benutten. De technologie stelt ontwikkelaars ook in staat om webinhoud te creëren die de eindgebruikers zullen waarderen, ook al kunnen alleen ontwikkelaars rechtstreeks met de runtime werken.

Omdat WebView2 alleen beschikbaar was op Windows 11, was het werken met de technologie uitdagend en duur voor ontwikkelaars met oudere consumentenapparaten met Windows 10. Daarom verwijdert deze levering die stress en overbrugt het de kloof om het WebView2-ecosysteem te betreden.

Hierdoor krijgen ontwikkelaars en eindgebruikers ook meer toegang tot de vele voordelen van de WebView2-runtime. Enkele van deze voordelen zijn blootstelling aan de webwereld en andere: tools voor webontwikkeling zoals bibliotheken; en toegang tot een complete set native API's die u in uw apps kunt opnemen.

Daarnaast kunt u met WebView2 verschillende codes toevoegen en opslaan in een codebase, zodat de codes herbruikbaar zijn op meerdere platforms.

Een overwinning voor Windows 10-ontwikkelaars

De levering van de WebView2-runtime op Windows 10 heeft veel ontwikkelaars geprofiteerd. Bijgevolg kunnen we op basis van twee factoren concluderen dat deze technologie de beoogde doeleinden zal dienen.

Deze factoren zijn een verminderd gebruik van schijfruimte vanwege de integratie met de edge-browser; en dat WebView2 native apps toegang geeft tot verschillende Edge-functies.