Neu in Chrome 78

Pete LePage

Chrome 78 wird jetzt eingeführt.

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

CSS Properties and Values API

CSS-Variablen, technisch benutzerdefinierte Properties genannt, sind großartig. Mit ihnen können Sie eigene Properties in Ihrem CSS definieren und verwenden. Benutzerdefinierte Properties sind jedoch nicht viel mehr als eine einfache Such- und Ersetzungsfunktion.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Wenn Sie eine Variable für eine Farbe verwendet, ihr aber eine URL als Wert zugewiesen haben, wird die Regel einfach stillschweigend verworfen. Mit der CSS Properties and Values API können Sie einen Typ und einen Standard-Fallback-Wert für Ihre benutzerdefinierten Properties definieren.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Zum Registrieren einer Property müssen Sie einfach window.CSS.registerProperty() aufrufen und den Namen der Property angeben, für die Sie den Property-Typ, die Vererbung und den Anfangswert festlegen möchten.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Ausführliche Informationen finden Sie im Artikel Smarter custom properties with Houdini's new API (Klugere benutzerdefinierte Properties mit der neuen API von Houdini) von Sam Richard auf web.dev.

Neue Servicemitarbeiter

Für von importScripts() importierte Service Worker-Scripts werden jetzt Byte für Byte geprüft. In der Vergangenheit konnte ein installierter Service Worker nur durch das Ändern der URL des importierten Skripts gezwungen werden, Änderungen an einem importierten Skript zu übernehmen. In der Regel wurde entweder ein semver-Wert oder ein Hash in der URL hinzugefügt.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Ab Chrome 78 wird bei jeder Updateprüfung für eine Service Worker-Datei der obersten Ebene auch geprüft, ob sich der Inhalt der importierten Scripts geändert hat. Ist dies der Fall, wird der vollständige Ablauf zum Aktualisieren des Dienst-Workers ausgelöst. Dadurch entspricht Chrome der Spezifikation und entspricht dem Verhalten von Firefox und Safari.

Jeff verfügt über alle Details in Standardmäßig aktuellere Service Worker, einschließlich einiger wichtiger Informationen darüber, wie sich der HTTP-Cache auf den Aktualisierungszyklus auswirkt.

Neue Ursprungstests

Origin-Tests bieten uns die Möglichkeit, experimentelle Funktionen und APIs zu validieren. Außerdem können Sie uns Feedback zur Nutzerfreundlichkeit und Effektivität bei einer breiteren Einführung geben.

Experimentelle Funktionen sind in der Regel nur mit einem Flag verfügbar. Wenn wir jedoch einen Ursprungstest für eine Funktion anbieten, können Sie sich für diesen Ursprungstest registrieren, um die Funktion für alle Nutzer in Ihrem Ursprung zu aktivieren.

Wenn Sie eine Ursprungstestversion aktivieren, können Sie Demos und Prototypen erstellen, die Ihre Betatester während der Testdauer ausprobieren können, ohne dass sie spezielle Flags in Chrome aktivieren müssen.

Weitere Informationen zu Ursprungstests finden Sie im Leitfaden zu Ursprungstests für Webentwickler. Auf der Seite Chrome-Origin-Tests finden Sie eine Liste der aktiven Origin-Tests und können sich dafür registrieren.


Natives Dateisystem

In Chrome 78 beginnt ein Ursprungstest für die Native File System API, der voraussichtlich bis Chrome 80 laufen wird.

Mit der Native File System API können Entwickler leistungsstarke Webanwendungen erstellen, die mit Dateien auf dem lokalen Gerät des Nutzers interagieren. Nachdem ein Nutzer einer Web-App Zugriff gewährt hat, können Web-Apps mit dieser API Änderungen direkt in Dateien und Ordnern auf dem Gerät des Nutzers lesen oder speichern.

Ich freue mich sehr auf die neuen Möglichkeiten, die sich dadurch ergeben. Ich muss keine Dateien mehr hoch- oder herunterladen, mit denen ich arbeiten möchte. In meinem Beitrag zum Native File System finden Sie alle Details, einschließlich Code, einer Demo und Informationen dazu, wie wir die Sicherheit der Nutzer gewährleisten.

SMS-Empfänger

Ein Ursprungstest für die SMS Receiver API beginnt in Chrome 78 und läuft voraussichtlich bis Chrome 80.

Mit der SMS Receiver API, die jetzt als Ursprungstest verfügbar ist, kann Ihre Webanwendung speziell formatierte SMS-Nachrichten für den Ursprung Ihrer App empfangen. So können Sie programmatisch ein OTP aus einer SMS-Nachricht abrufen und eine Telefonnummer für den Nutzer einfacher bestätigen.

Eiji hat dazu den Artikel Telefonnummern im Web mit der SMS Receiver API verifizieren geschrieben. Darin wird beschrieben, wie man sich für den Ursprungstest registrieren kann.

Chrome Dev Summit 2019

Am 11. und 12. November findet der Chrome Dev Summit statt. Er wird live auf dem YouTube-Kanal von Chrome Developers gestreamt.


Weitere Informationen

Dies sind nur einige der wichtigsten Highlights. Unter den folgenden Links finden Sie weitere Informationen zu Änderungen in Chrome 78.

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. Alternativ können Sie auch unseren RSS-Feed in Ihren Feedreader aufnehmen.

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