Neu in Chrome 70

Pete LePage

In Chrome 70 haben wir Unterstützung für Folgendes hinzugefügt:

• Progressive Web-Apps für den Desktop unter Windows und Linux
• Die Credential Management API unterstützt jetzt Anmeldedaten mit öffentlichem Schlüssel.
• Außerdem können Sie jetzt Workern Namen geben.

Und es gibt noch viel mehr!

Ich bin Pete LePage. Sehen wir uns an, was es Neues für Entwickler in Chrome 70 gibt.

Möchten Sie die vollständige Liste der Änderungen sehen? Liste der Änderungen im Chromium-Quell-Repository

Progressive Web-Apps für den Desktop unter Windows und Linux

Nutzer können jetzt progressive Web-Apps für den Desktop unter Windows und Linux installieren.

Nach der Installation werden sie über das Startmenü gestartet und wie alle anderen installierten Apps ohne Adressleiste oder Tabs ausgeführt. Service Worker sorgen dafür, dass sie schnell und zuverlässig sind. Das App-Fenster sorgt dafür, dass sie sich wie jede andere installierte App anfühlen.

Der Einstieg unterscheidet sich nicht von dem, was Sie heute schon tun. Alle Ihre bisherigen Arbeiten an Ihrer progressiven Web-App sind weiterhin gültig. Wenn Ihre App die Standardkriterien für PWAs erfüllt, löst Chrome das Ereignis beforeinstallprompt aus. Speichern Sie das Ereignis und fügen Sie dann eine Benutzeroberfläche hinzu, z. B. eine Schaltfläche zum Installieren der App, um dem Nutzer mitzuteilen, dass Ihre App installiert werden kann. Wenn der Nutzer dann auf die Schaltfläche klickt, rufen Sie prompt() für das gespeicherte Ereignis auf. Chrome zeigt dann die Aufforderung für den Nutzer an. Wenn sie auf „Hinzufügen“ klicken, fügt Chrome Ihre PWA dem Startmenü und dem Desktop hinzu.

Ausführliche Informationen finden Sie in meinem Beitrag Desktop-PWAs.

Credential Management API: Public-Key-Anmeldedaten

Mit der Credential Management API wird die Anmeldung für Nutzer ganz einfach. Dadurch kann Ihre Website mit dem Credential Manager des Browsers oder föderierten Kontodiensten wie Google und Facebook interagieren, um sich anzumelden.

In Chrome 70 wird ein dritter Anmeldedatentyp unterstützt: Anmeldedaten für öffentliche Schlüssel. Damit können Webanwendungen starke, kryptografisch bestätigte und anwendungsbezogene Anmeldedaten erstellen und verwenden, um Nutzer sicher zu authentifizieren.

Ich bin ziemlich begeistert, weil Websites dadurch meinen Fingerabdruck für die 2‑Faktor-Authentifizierung verwenden können. Außerdem werden zusätzliche Arten von Sicherheitsschlüsseln unterstützt und die Sicherheit im Web wird verbessert.

Weitere Informationen finden Sie in der Dokumentation zur Credential Management API. Sie können die API auch mit der WebAuthn-Demo testen.

Mit dem Namen workers

Worker sind eine einfache Möglichkeit, JavaScript aus dem Haupt-Thread in den Hintergrund zu verschieben. Das ist wichtig, damit Ihre Website interaktiv bleibt, da der Hauptthread nicht blockiert wird, wenn eine rechenintensive oder komplexe JavaScript-Berechnung ausgeführt wird.

Ohne WebWorkers

Mit WebWorkern

In Chrome 70 haben Worker jetzt ein name-Attribut>, das durch ein optionales Argument im Konstruktor angegeben wird.

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

So können Sie dedizierte Worker anhand von name unterscheiden, wenn Sie mehrere Worker mit derselben URL haben. Sie können den Namen auch in der DevTools-Konsole ausgeben lassen, um leichter zu erkennen, welchen Worker Sie gerade debuggen.

Die Benennung von Workern ist bereits in Firefox, Edge und Safari verfügbar. Weitere Informationen finden Sie in der Diskussion auf GitHub.

…und vieles mehr

Das sind natürlich nur einige der Änderungen in Chrome 70 für Entwickler.

• Web Bluetooth ist jetzt in Windows 10 verfügbar und ermöglicht es Ihrer Website, auf sichere und datenschutzfreundliche Weise mit Bluetooth-Geräten in der Nähe zu kommunizieren, die vom Nutzer ausgewählt wurden.
• Chrome kann Interventions- und Deprecations-Meldungen über das Antwortheaderfeld Report-To HTTP an Ihre Server senden oder sie in der ReportingObserver-Benutzeroberfläche anzeigen.
• Es gibt eine Reihe wichtiger Einstellungen, die Sie kennen sollten. Weitere Informationen finden Sie im Beitrag Einstellungen und Entfernungen in Chrome 70.
• Im Beitrag Neu in den DevTools erfahren Sie, was es Neues in den Chrome-Entwicklertools gibt.

Abonnieren

Wenn Sie über unsere Videos auf dem Laufenden bleiben möchten, abonnieren Sie unseren YouTube-Kanal für Chrome-Entwickler. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage und sobald Chrome 71 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.