Nieuw in Chrome 70

Pete LePage

In Chrome 70 hebben we ondersteuning toegevoegd voor:

En er is nog veel meer !

Ik ben Pete LePage . Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 70!

Wilt u de volledige lijst met wijzigingen bekijken? Bekijk de wijzigingenlijst in de Chromium-bronrepository .

Desktop Progressive Web Apps op Windows en Linux

Gebruikers kunnen nu Desktop Progressive Web Apps installeren op Windows en Linux!

Eenmaal geïnstalleerd, worden ze gestart vanuit het Startmenu en draaien ze net als alle andere geïnstalleerde apps, zonder adresbalk of tabbladen. Serviceworkers zorgen ervoor dat ze snel en betrouwbaar zijn; de app- vensterervaring voelt aan als elke andere geïnstalleerde app.

Aan de slag gaan is niet anders dan wat je vandaag al doet. Al het werk dat je hebt gedaan voor je bestaande Progressive Web App is nog steeds van toepassing! Als je app voldoet aan de standaard PWA-criteria , activeert Chrome de beforeinstallprompt -gebeurtenis. Sla de gebeurtenis op en voeg vervolgens een gebruikersinterface toe (zoals een knop 'App installeren') om de gebruiker te laten weten dat je app geïnstalleerd kan worden. Wanneer de gebruiker vervolgens op de knop klikt, roep je prompt() aan op de opgeslagen gebeurtenis; Chrome toont de prompt vervolgens aan de gebruiker. Als ze op 'Toevoegen' klikken, voegt Chrome je PWA toe aan het startmenu en bureaublad.

Zie mijn bericht over Desktop PWA's voor meer informatie.

API voor referentiebeheer: openbare sleutelreferenties

De Credential Management API maakt aanmelden supereenvoudig voor gebruikers. Hiermee kan je site communiceren met de Credential Manager van de browser of met federatieve accountservices zoals Google en Facebook om te kunnen inloggen.

Chrome 70 biedt ondersteuning voor een derde type referentie: Public Key Credential , waarmee webapplicaties sterke, cryptografisch gecertificeerde en applicatiegerichte referenties kunnen maken en gebruiken om gebruikers sterk te verifiëren.

Ik ben er erg enthousiast over, omdat het websites in staat stelt mijn vingerafdruk te gebruiken voor tweefactorauthenticatie. Het biedt ook ondersteuning voor extra soorten beveiligingssleutels en betere beveiliging op het web.

Raadpleeg de documentatie van de Credential Management API voor meer informatie of probeer het uit met de WebAuthn-demo en ontdek hoe u aan de slag kunt!

Benoemde workers

Workers zijn een eenvoudige manier om JavaScript van de hoofdthread naar de achtergrond te verplaatsen. Dit is cruciaal om je site interactief te houden, omdat de hoofdthread dan niet vastloopt tijdens een dure of complexe JavaScript-berekening.

Zonder WebWorkers

Hoofddraad
Er draait veel zware JavaScript, wat resulteert in een trage, haperende ervaring.

Met WebWorkers

Hoofddraad
Er hoeft geen zware JavaScript te worden uitgevoerd, wat resulteert in een snelle, soepele ervaring.
WebWorker
Er draait veel zware JavaScript, maar dit heeft geen invloed op de hoofdthread.

In Chrome 70 hebben workers nu een name -kenmerk , dat wordt opgegeven via een optioneel argument in de constructor.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Hiermee kunt u dedicated workers op name onderscheiden wanneer u meerdere workers met dezelfde URL hebt. U kunt de naam ook afdrukken in de DevTools-console, waardoor u veel gemakkelijker kunt zien welke worker u aan het debuggen bent!

Het benoemen van workers is al mogelijk in Firefox, Edge en Safari. Zie de discussie op GitHub voor meer informatie.

En nog veel meer!

Dit zijn slechts enkele van de wijzigingen in Chrome 70 voor ontwikkelaars. Er is natuurlijk nog veel meer.

Abonneren

Wilt u op de hoogte blijven van onze video's? Abonneer u dan op ons Chrome Developers YouTube-kanaal . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage en zodra Chrome 71 uitkomt, vertel ik u wat er nieuw is in Chrome!