In Chrome 70 hebben we ondersteuning toegevoegd voor:
- Desktop Progressive Web-apps op Windows en Linux .
- De Credential Management API voegt ondersteuning toe voor Public Key Credentials .
- En je kunt nu werknemers een naam geven !
En er is nog veel meer !
Ik ben Pete LePage . Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 70!
Wilt u de volledige lijst met wijzigingen? Bekijk de Chromium-bronrepositorywijzigingslijst .
Desktop Progressive Web-apps op Windows en Linux
Gebruikers kunnen nu Desktop Progressive Web Apps op Windows en Linux installeren!
Eenmaal geïnstalleerd, worden ze gestart vanuit het Start-menu en werken ze net als alle andere geïnstalleerde apps, zonder adresbalk of tabbladen. Servicemedewerkers zorgen ervoor dat ze snel en betrouwbaar zijn. Dankzij de app- vensterervaring voelen ze zich net als elke andere geïnstalleerde app.
Aan de slag gaan is niet anders dan wat u vandaag al doet. Al het werk dat u voor uw bestaande Progressive Web App heeft gedaan, is nog steeds van toepassing! Als uw app voldoet aan de standaard PWA-criteria , activeert Chrome de gebeurtenis beforeinstallprompt . Sla de gebeurtenis op; Voeg vervolgens een gebruikersinterface toe (zoals een knop voor het installeren van een app) om de gebruiker te laten weten dat uw app kan worden geïnstalleerd. Wanneer de gebruiker vervolgens op de knop klikt, roept u prompt() op voor de opgeslagen gebeurtenis; Chrome toont de prompt vervolgens aan de gebruiker. Als ze op Toevoegen klikken, voegt Chrome uw PWA toe aan hun startmenu en bureaublad.
Zie mijn Desktop PWA's- post voor volledige details.
API voor referentiebeheer: referenties van openbare sleutels
De Credential Management API maakt inloggen supereenvoudig voor gebruikers. Hiermee kan uw site communiceren met de inloggegevensbeheerder van de browser of kunnen federatieve accountdiensten zoals Google en Facebook zich aanmelden.
Chrome 70 voegt ondersteuning toe voor een derde type inloggegevens: Public Key Credential , waarmee webapplicaties sterke, cryptografisch geattesteerde en applicatiegerichte inloggegevens kunnen maken en gebruiken om gebruikers sterk te authenticeren.
Ik ben er behoorlijk enthousiast over, omdat sites hierdoor mijn vingerafdruk kunnen gebruiken voor tweefactorauthenticatie. Maar het voegt ook ondersteuning toe voor extra soorten beveiligingssleutels en betere beveiliging op internet.
Bekijk de Credential Management API-documentatie voor meer details of probeer het eens met de WebAuthn-demo en hoe u aan de slag kunt gaan!
Genoemde workers
Workers zijn een gemakkelijke manier om JavaScript van de hoofdthread naar de achtergrond te verplaatsen. Dit is van cruciaal belang om uw site interactief te houden, omdat het betekent dat de hoofdthread niet vastloopt wanneer er een dure of complexe JavaScript-berekening wordt uitgevoerd.
Zonder WebWorkers
Er wordt veel JavaScript uitgevoerd, wat resulteert in een trage, janky-ervaring.
Met WebWorkers
Geen zwaar JavaScript, wat resulteert in een snelle, soepele ervaring.
Er wordt veel JavaScript uitgevoerd, dit heeft geen invloed op de hoofdthread.
In Chrome 70 hebben werknemers nu een name , dat wordt gespecificeerd door 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);
Hierdoor kunt u vaste medewerkers op name onderscheiden als u meerdere medewerkers met dezelfde URL heeft. U kunt de naam ook afdrukken in de DevTools-console, waardoor u veel gemakkelijker weet welke werker u aan het debuggen bent!
Het benoemen van werkers is al beschikbaar in Firefox, Edge en Safari. Zie de discussie op GitHub voor meer details.
En meer!
Dit zijn slechts enkele van de veranderingen in Chrome 70 voor ontwikkelaars. Er is natuurlijk nog veel meer.
- Web Bluetooth is nu beschikbaar in Windows 10 en zorgt ervoor dat uw site op een veilige en privacybeschermende manier kan communiceren met door de gebruiker geselecteerde Bluetooth-apparaten in de buurt.
- Chrome kan interventie- en beëindigingsberichten naar uw servers sturen met behulp van het headerveld
Report-To HTTPResponse, of deze weergeven in deReportingObserverinterface. - Er zijn een aantal belangrijke beëindigingen waarvan u op de hoogte moet zijn. Bekijk het bericht Beëindigingen en verwijderingen in Chrome 70 voor meer informatie.
- En zorg ervoor dat je het laatste Wat is er nieuw in DevTools -bericht leest om te zien wat er nieuw is in Chrome DevTools.
Abonneren
Wil je op de hoogte blijven van onze video's, abonneer je dan op ons Chrome Developers YouTube-kanaal en je ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.
Ik ben Pete LePage, en zodra Chrome 71 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!
,
In Chrome 70 hebben we ondersteuning toegevoegd voor:
- Desktop Progressive Web-apps op Windows en Linux .
- De Credential Management API voegt ondersteuning toe voor Public Key Credentials .
- En je kunt nu werknemers een naam geven !
En er is nog veel meer !
Ik ben Pete LePage . Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 70!
Wilt u de volledige lijst met wijzigingen? Bekijk de Chromium-bronrepositorywijzigingslijst .
Desktop Progressive Web-apps op Windows en Linux
Gebruikers kunnen nu Desktop Progressive Web Apps op Windows en Linux installeren!
Eenmaal geïnstalleerd, worden ze gestart vanuit het Start-menu en werken ze net als alle andere geïnstalleerde apps, zonder adresbalk of tabbladen. Servicemedewerkers zorgen ervoor dat ze snel en betrouwbaar zijn. Dankzij de app- vensterervaring voelen ze zich net als elke andere geïnstalleerde app.
Aan de slag gaan is niet anders dan wat u vandaag al doet. Al het werk dat u voor uw bestaande Progressive Web App heeft gedaan, is nog steeds van toepassing! Als uw app voldoet aan de standaard PWA-criteria , activeert Chrome de gebeurtenis beforeinstallprompt . Sla de gebeurtenis op; Voeg vervolgens een gebruikersinterface toe (zoals een knop voor het installeren van een app) om de gebruiker te laten weten dat uw app kan worden geïnstalleerd. Wanneer de gebruiker vervolgens op de knop klikt, roept u prompt() op voor de opgeslagen gebeurtenis; Chrome toont de prompt vervolgens aan de gebruiker. Als ze op Toevoegen klikken, voegt Chrome uw PWA toe aan hun startmenu en bureaublad.
Zie mijn Desktop PWA's- post voor volledige details.
API voor referentiebeheer: referenties van openbare sleutels
De Credential Management API maakt inloggen supereenvoudig voor gebruikers. Hiermee kan uw site communiceren met de inloggegevensbeheerder van de browser of kunnen federatieve accountdiensten zoals Google en Facebook zich aanmelden.
Chrome 70 voegt ondersteuning toe voor een derde type inloggegevens: Public Key Credential , waarmee webapplicaties sterke, cryptografisch geattesteerde en applicatiegerichte inloggegevens kunnen maken en gebruiken om gebruikers sterk te authenticeren.
Ik ben er behoorlijk enthousiast over, omdat sites hierdoor mijn vingerafdruk kunnen gebruiken voor tweefactorauthenticatie. Maar het voegt ook ondersteuning toe voor extra soorten beveiligingssleutels en betere beveiliging op internet.
Bekijk de Credential Management API-documentatie voor meer details of probeer het eens met de WebAuthn-demo en hoe u aan de slag kunt gaan!
Genoemde workers
Workers zijn een gemakkelijke manier om JavaScript van de hoofdthread naar de achtergrond te verplaatsen. Dit is van cruciaal belang om uw site interactief te houden, omdat het betekent dat de hoofdthread niet vastloopt wanneer er een dure of complexe JavaScript-berekening wordt uitgevoerd.
Zonder WebWorkers
Er wordt veel JavaScript uitgevoerd, wat resulteert in een trage, janky-ervaring.
Met WebWorkers
Geen zwaar JavaScript, wat resulteert in een snelle, soepele ervaring.
Er wordt veel JavaScript uitgevoerd, dit heeft geen invloed op de hoofdthread.
In Chrome 70 hebben werknemers nu een name , dat wordt gespecificeerd door 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);
Hierdoor kunt u vaste medewerkers op name onderscheiden als u meerdere medewerkers met dezelfde URL heeft. U kunt de naam ook afdrukken in de DevTools-console, waardoor u veel gemakkelijker weet welke werker u aan het debuggen bent!
Het benoemen van werkers is al beschikbaar in Firefox, Edge en Safari. Zie de discussie op GitHub voor meer details.
En meer!
Dit zijn slechts enkele van de veranderingen in Chrome 70 voor ontwikkelaars. Er is natuurlijk nog veel meer.
- Web Bluetooth is nu beschikbaar in Windows 10 en zorgt ervoor dat uw site op een veilige en privacybeschermende manier kan communiceren met door de gebruiker geselecteerde Bluetooth-apparaten in de buurt.
- Chrome kan interventie- en beëindigingsberichten naar uw servers sturen met behulp van het headerveld
Report-To HTTPResponse of deze weergeven in deReportingObserverinterface. - Er zijn een aantal belangrijke beëindigingen waarvan u op de hoogte moet zijn. Bekijk het bericht Beëindigingen en verwijderingen in Chrome 70 voor meer informatie.
- En zorg ervoor dat je het laatste Wat is er nieuw in DevTools -bericht leest om te zien wat er nieuw is in Chrome DevTools.
Abonneren
Wil je op de hoogte blijven van onze video's, abonneer je dan op ons Chrome Developers YouTube-kanaal en je ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.
Ik ben Pete LePage, en zodra Chrome 71 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!