Neu in Chrome 70

Pete LePage

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

Und es gibt noch viel mehr!

Ich bin Pete LePage. Sehen wir uns an, was in Chrome 70 für Entwickler neu ist.

Vollständige Liste der Änderungen ansehen Liste der Änderungen am Chromium-Quell-Repository

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

Nutzer können jetzt Desktop-PWAs unter Windows und Linux installieren.

Nach der Installation werden sie über das Startmenü gestartet und laufen wie alle anderen installierten Apps ohne Adressleiste oder Tabs. Dienstworker sorgen für eine schnelle und zuverlässige Ausführung. Im App-Fenster wirken sie wie jede andere installierte App.

Der Einstieg unterscheidet sich nicht von dem, was Sie bereits heute tun. Alle Arbeiten, die Sie für Ihre bestehende progressive Web-App geleistet haben, gelten weiterhin. Wenn Ihre App die standardmäßigen PWA-Kriterien 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 den Nutzern 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 dem Nutzer dann die Aufforderung an. Wenn der Nutzer auf „Hinzufügen“ klickt, wird Ihre PWA dem Startmenü und dem Desktop hinzugefügt.

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

Credential Management API: Public Key Credentials

Die Credential Management API macht die Anmeldung für Nutzer ganz einfach. So kann Ihre Website mit dem Anmeldedaten-Manager des Browsers oder föderierten Kontodiensten wie Google und Facebook interagieren, um sich anzumelden.

Chrome 70 unterstützt einen dritten Anmeldedatentyp: Public-Key-Anmeldedaten. Damit können Webanwendungen starke, kryptografisch attestierte und auf Anwendungsebene gültige Anmeldedaten erstellen und verwenden, um Nutzer stark zu authentifizieren.

Ich freue mich sehr darüber, da Websites meinen Fingerabdruck für die Bestätigung in zwei Schritten verwenden können. Außerdem werden zusätzliche Sicherheitsschlüsseltypen 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 ausprobieren und sich über die ersten Schritte informieren.

Mit Namen workers

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

Ohne WebWorker

Hauptthread
Es wird viel leistungsintensives JavaScript ausgeführt, was zu einer langsamen und ruckeligen Leistung führt.

Mit WebWorkers

Hauptthread
Es wird kein umfangreiches JavaScript ausgeführt, was zu einer schnellen und reibungslosen Nutzung führt.
WebWorker
Es wird viel leistungsintensives JavaScript ausgeführt, das den Hauptthread nicht beeinträchtigt.

In Chrome 70 haben Worker jetzt das Attribut name, das über 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, damit Sie leichter erkennen, für welchen Worker Sie die Fehlerbehebung durchführen.

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

…und vieles mehr

Das sind nur einige der Änderungen in Chrome 70 für Entwickler. Es gibt natürlich noch viele weitere.

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, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 71 veröffentlicht wird, erzähle ich Ihnen gern, was es Neues in Chrome gibt.