Chrome 70 bietet Unterstützung für:
- Progressive Web-Apps für Computer unter Windows und Linux
- Die Credential Management API unterstützt Anmeldedaten für öffentlichen Schlüssel.
- Und Sie können jetzt Worker benennen.
Das sind noch reichlich mehr!
Mein Name ist Pete LePage. Sehen wir uns an, was es für Entwickler bei Chrome 70 Neues gibt.
Möchten Sie die vollständige Liste der Änderungen sehen? Weitere Informationen finden Sie in der Änderungsliste des Chromium-Quell-Repositorys.
Progressive Web-Apps auf dem Computer unter Windows und Linux
Nutzer können jetzt progressive Web-Apps für Computer unter Windows und Linux installieren.
Nach der Installation werden sie über das Startmenü gestartet und wie alle anderen installierten Anwendungen ohne Adressleiste oder Tabs ausgeführt. Service Worker sorgen dafür, dass sie schnell und zuverlässig arbeiten. Dank des Anwendungsfensters wirken sie wie jede andere installierte Anwendung.
Der Einstieg ist nicht anders als das, was Sie heute bereits machen.
Die Arbeit, die du für deine bestehende progressive Web-App geleistet hast, bleibt unverändert.
Wenn deine App die standardmäßigen PWA-Kriterien erfüllt, löst Chrome das Ereignis beforeinstallprompt
aus. Speichern Sie das Ereignis. Fügen Sie dann eine UI hinzu (z. B. eine Schaltfläche zum Installieren von Apps), 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 dem Nutzer dann die Aufforderung an. Klickt er auf „Hinzufügen“, fügt Chrome Ihre PWA dem Startmenü und dem Computer hinzu.
Weitere Informationen findest du in meinem Beitrag zu Desktop-PWAs.
Credential Management API: Anmeldedaten für öffentlichen Schlüssel
Mit der Credential Management API ist die Anmeldung für Nutzer sehr einfach. Damit kann Ihre Website zum Signieren mit dem Anmeldedatenmanager oder den Diensten für föderierte Konten des Browsers wie Google und Facebook interagieren.
Chrome 70 unterstützt einen dritten Typ von Anmeldedaten: Public-Key-Anmeldedaten. Damit können Webanwendungen starke, kryptografisch attestierte und anwendungsbezogene Anmeldedaten erstellen und verwenden, um Nutzer stark zu authentifizieren.
Ich freue mich schon, weil Websites damit meinen Fingerabdruck für die 2-Faktor-Authentifizierung verwenden können. Allerdings werden zusätzliche Arten von Sicherheitsschlüsseln unterstützt und die Sicherheit im Web verbessert.
Weitere Informationen finden Sie in der Dokumentation zur Credential Management API. Mit der WebAuthn-Demo und den ersten Schritten können Sie die API auch ausprobieren.
Name: „workers
“
Mit Workern können Sie JavaScript ganz einfach aus dem Hauptthread in den Hintergrund verschieben. Dies ist entscheidend, damit Ihre Website interaktiv bleibt, da der Hauptthread nicht gesperrt wird, wenn eine teure oder komplexe JavaScript-Berechnung ausgeführt wird.
Ohne WebWorker
Mit WebWorkers
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 nach name
unterscheiden, wenn Sie mehrere Worker mit derselben URL haben. Sie können den Namen auch in der Entwicklertools-Konsole ausgeben. So lässt sich leichter feststellen, bei welchem Worker Sie Fehler beheben.
Das Benennen von Workern ist bereits in Firefox, Edge und Safari verfügbar. Weitere Informationen finden Sie in der Diskussion auf GitHub.
…und vieles mehr
Dies sind nur einige der Änderungen in Chrome 70 für Entwickler. Und natürlich gibt es noch viel mehr.
- Web Bluetooth ist jetzt unter Windows 10 verfügbar und ermöglicht Ihrer Website die sichere und datenschutzfreundliche Kommunikation mit vom Nutzer ausgewählten Bluetooth-Geräten in der Nähe.
- Chrome kann über das Antwortheaderfeld
Report-To HTTP
Interventions- und Einstellungsmeldungen an Ihre Server senden oder diese in derReportingObserver
-Schnittstelle anzeigen. - Es gibt eine Reihe wichtiger Einstellungen, über die Sie Bescheid wissen sollten. Weitere Informationen finden Sie im Post zu Einstellungen und Entfernungen in Chrome 70.
- Außerdem sollten Sie den aktuellen Beitrag What's new in DevTools lesen, um zu erfahren, 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 werden per E-Mail benachrichtigt, wenn wir ein neues Video veröffentlichen.
Ich bin Pete LePage. Sobald Chrome 71 veröffentlicht wird, melde ich mich, um Ihnen mitzuteilen, was es bei Chrome Neues gibt.