Neu in Chrome 70

Pete LePage

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

• Progressive Web-Apps für Desktop-Computer unter Windows und Linux
• Die Anmeldedaten-Management API unterstützt Public-Key-Anmeldedaten.
• Außerdem können Sie jetzt Mitarbeiter benennen.

Und es gibt noch viel mehr!

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

Möchtest du eine vollständige Liste der Änderungen erhalten? 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 heute schon 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 ein UI-Element hinzu (z. B. eine Schaltfläche zum Installieren einer App), um dem Nutzer mitzuteilen, dass Ihre App installiert werden kann. Wenn der Nutzer dann auf die Schaltfläche klickt, muss er für das gespeicherte Ereignis prompt() aufrufen. Chrome zeigt dem Nutzer dann die Aufforderung an. Wenn der Nutzer auf „Hinzufügen“ klickt, wird Ihre PWA dem Startmenü und dem Desktop von Chrome hinzugefügt.

Ausführliche Informationen finden Sie in meinem Beitrag zu 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 Typ von Anmeldedaten: Public-Key-Anmeldedaten. Damit können Webanwendungen starke, kryptografisch attestierte und anwendungsspezifische 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 sich auch die WebAuthn-Demo ansehen und ausprobieren.

Mit Namen workers

Worker sind eine einfache Möglichkeit, JavaScript aus dem Hauptthread 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

Mit WebWorkern

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.

• Web Bluetooth ist jetzt in Windows 10 verfügbar. Damit kann Ihre Website auf sichere und datenschutzfreundliche Weise mit Bluetooth-Geräten in der Nähe kommunizieren, die von Nutzern ausgewählt wurden.
• Chrome kann Interventions- und Einstellungsmeldungen über das Report-To HTTP-Antwortheader-Feld 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 Hilfeartikel Einstellung und Entfernung von Funktionen in Chrome 70.
• Im Artikel Das ist neu in den DevTools erfahren Sie, was es in den Chrome-Entwicklertools Neues 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, sobald wir ein neues Video veröffentlichen.

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