Neu in Chrome 78

Pete LePage

Chrome 78 wird jetzt eingeführt.

Ich bin Pete LePage und wir sehen uns jetzt an, was es Neues für Entwickler in Chrome 78 gibt.

API für CSS-Properties und -Werte

CSS-Variablen, die technisch als benutzerdefinierte Eigenschaften bezeichnet werden, sind großartig. Damit können Sie eigene Eigenschaften in Ihrem 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 ignoriert. Mit der CSS Properties and Values API können Sie einen Typ und einen Standard-Fallbackwert für Ihre benutzerdefinierten Eigenschaften definieren.

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

Um eine Property zu registrieren, rufen Sie einfach window.CSS.registerProperty() auf und geben Sie den Namen der Property, den Typ der Property, ob sie übernommen werden soll und ihren Anfangswert an.

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

Aktualisierte Service Worker

Es werden jetzt Byte-für-Byte-Prüfungen für Service Worker-Skripts durchgeführt, die von importScripts() importiert werden. Bisher war die einzige Möglichkeit, einen installierten Service Worker zu zwingen, Änderungen an einem importierten Skript zu übernehmen, die URL des importierten Skripts zu ändern, in der Regel durch Hinzufügen eines semver-Werts oder Hashs in der URL.

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 importierter Skripts geändert hat. Wenn ja, wird der vollständige Aktualisierungsprozess für Service Worker ausgelöst. Damit entspricht Chrome der Spezifikation und dem Verhalten von Firefox und Safari.

Jeff hat alle Details in Fresher service workers, by default zusammengefasst, einschließlich einiger wichtiger Informationen dazu, wie sich der HTTP-Cache auf den Aktualisierungszyklus auswirkt.

Neue Ursprungstests

Mit Origin Trials können wir experimentelle Funktionen und APIs validieren und Sie können Feedback zu ihrer Benutzerfreundlichkeit und Effektivität bei einer breiteren Bereitstellung geben.

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

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

Weitere Informationen zu Origin Trials finden Sie im Origin Trials Guide for Web Developers. Auf der Seite Chrome Origin Trials finden Sie eine Liste der aktiven Origin Trials 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 läuft.

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

Ich bin wirklich begeistert von den neuen Möglichkeiten, die sich dadurch ergeben. Ich muss Dateien, mit denen ich arbeiten möchte, nicht mehr hoch- oder herunterladen. In meinem Beitrag zum nativen Dateisystem finden Sie alle Details, einschließlich Code, einer Demo und Informationen dazu, wie wir für die Sicherheit der Nutzer sorgen.

SMS-Empfänger

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

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

Eiji hat Verify phone numbers on the web with the SMS Receiver API geschrieben. Dort finden Sie alle Details und Informationen zur Anmeldung für den Origin Trial.

Chrome Dev Summit 2019

Vergessen Sie nicht, sich am 11. und 12. November den Chrome Dev Summit anzusehen. Er wird live auf dem YouTube-Kanal für Chrome-Entwickler übertragen.


Weitere Informationen

Dies sind nur einige der wichtigsten Neuerungen. Weitere Änderungen in Chrome 78 finden Sie unter den folgenden Links.

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, wenn wir ein neues Video veröffentlichen. Alternativ können Sie auch unseren RSS-Feed in Ihren Feedreader einfügen.

Ich bin Pete LePage und sobald Chrome 79 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.