Neu in Chrome 78

Pete LePage

Chrome 78 ist da!

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

CSS Properties and Values API

CSS-Variablen, auch benutzerdefinierte Eigenschaften genannt, sind sehr hilfreich. Sie können damit eigene Properties im gesamten CSS definieren und verwenden. Benutzerdefinierte Eigenschaften sind jedoch nicht viel mehr als ein einfaches Suchen und Ersetzen.

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

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

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

Zum Registrieren eines Attributs müssen Sie lediglich window.CSS.registerProperty() aufrufen und den Namen des Attributs angeben, mit dem Sie den Typ des Attributs definieren, sofern es übernommen werden soll, sowie den Anfangswert.

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 auf web.dev.

Neuere Servicemitarbeiter

Jetzt werden für Service Worker-Skripts, die von importScripts() importiert wurden, jetzt Byte-für-Byte-Prüfungen durchgeführt. In der Vergangenheit konnte ein installierter Service-Worker nur gezwungen werden, Änderungen an einem importierten Skript zu übernehmen, indem die URL des importierten Skripts geändert wurde. Dies ging in der Regel entweder durch Hinzufügen eines semver-Werts oder durch Hinzufügen eines Hash-Werts in die URL.

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

Ab Chrome 78 prüft Chrome jedes Mal, wenn für eine Service Worker-Datei auf oberster Ebene eine Updateprüfung durchgeführt wird, auch, ob sich der Inhalt importierter Skripts geändert hat. Ist dies der Fall, wird der Full-Service-Worker-Updateablauf ausgelöst. Dies sorgt dafür, dass Chrome den Spezifikationen entspricht und den Funktionen von Firefox und Safari entspricht.

Jeff kennt alle Details unter Standardmäßig aktuellere Service-Worker, einschließlich einiger wichtiger Informationen dazu, wie sich der HTTP-Cache auf den Aktualisierungszyklus auswirkt.

Neue Ursprungstests

Ursprungstests bieten uns die Möglichkeit, experimentelle Funktionen und APIs zu validieren. Sie haben dann die Möglichkeit, Feedback zu deren Nutzerfreundlichkeit und Effektivität bei der allgemeinen Bereitstellung zu geben.

Experimentelle Funktionen sind in der Regel nur hinter 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 Ihres Ursprungs zu aktivieren.

Wenn Sie sich für einen Ursprungstest anmelden, können Sie Demos und Prototypen erstellen, die Ihre Betatestnutzer während des Testzeitraums ausprobieren können, ohne dass sie spezielle Flags in Chrome setzen müssen.

Weitere Informationen zu Ursprungstests findest du im Leitfaden zu Ursprungstests für Webentwickler. Auf der Seite Chrome-Ursprungstests können Sie sich eine Liste der aktiven Ursprungstests ansehen und sich für diese registrieren.


Natives Dateisystem

Ein Ursprungstest für die Native File System API beginnt in Chrome 78 und wird voraussichtlich bis Chrome 80 laufen.

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 Webanwendungen mit dieser API Änderungen direkt an Dateien und Ordnern auf dem Gerät des Nutzers lesen oder speichern.

Ich bin wirklich begeistert von all den neuen Möglichkeiten, mit denen ich arbeiten möchte, und muss keine Dateien mehr hochladen oder herunterladen. In meinem Beitrag über das native Dateisystem findet ihr alle Details, darunter Code, eine Demo und unsere Arbeit, die Nutzer zu schützen.

SMS-Empfänger

Ein Ursprungstest für die SMS Receiver API beginnt in Chrome 78 und wird voraussichtlich bis Chrome 80 ausgeführt.

Mit der SMS Receiver API, die jetzt als Ursprungstest verfügbar ist, kann Ihre Webanwendung speziell formatierte SMS-Nachrichten für den Ursprung Ihrer Anwendung 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 den Artikel Telefonnummern im Web mit der SMS Receiver API bestätigen geschrieben. Darin enthalten sind alle Details und Informationen zur Registrierung für den Ursprungstest.

Chrome Dev Summit 2019

Nicht vergessen: Der Chrome Dev Summit wird am 11. und 12. November live auf dem YouTube-Kanal für Chrome-Entwickler gestreamt.


Weitere Informationen

Hier sind nur einige der wichtigsten Punkte aufgeführt. Unter den folgenden Links finden Sie weitere Ä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 werden per E-Mail benachrichtigt, wenn wir ein neues Video veröffentlichen, oder fügen unseren RSS-Feed zu Ihrem Feed-Reader hinzu.

Ich bin Pete LePage. Sobald Chrome 79 veröffentlicht wird, melde ich mich, um Sie über die Neuheiten in Chrome zu informieren.