Neu in Chrome 88

Pete LePage

Chrome 88 wird jetzt in der stabilen Version eingeführt.

Dazu sollten Sie Folgendes wissen:

  • Sie können jetzt Erweiterungen mit Manifest V3 in den Chrome Web Store hochladen.
  • Mit der CSS-Eigenschaft aspect-ratio lässt sich das Seitenverhältnis eines beliebigen Elements ganz einfach festlegen.
  • In Chrome 88 werden verkettete JavaScript-Timer für ausgeblendete Seiten unter bestimmten Bedingungen stark gedrosselt.
  • Sie können jetzt die Google Play-Abrechnung für Ihre vertrauenswürdigen Webaktivitäten verwenden.
  • Alle Videos vom Chrome Dev Summit sind verfügbar.
  • Und es gibt noch viel mehr.

Ich bin Pete LePage und arbeite und filme von zu Hause aus. Sehen wir uns an, was in Chrome 88 für Entwickler neu ist.

Manifest V3

Chrome 88 unterstützt jetzt Erweiterungen, die mit Manifest V3 erstellt wurden. Sie können sie jetzt in den Chrome Web Store hochladen. Manifest V3 ist eine neue Erweiterungsplattform, die Chrome-Erweiterungen standardmäßig sicherer, leistungsfähiger und datenschutzfreundlicher macht.

Beispielsweise ist nicht erlaubt, Code aus der Ferne zu hosten. So können Prüfer im Chrome Web Store besser nachvollziehen, welche Risiken eine Erweiterung birgt. Außerdem sollten Sie Ihre Erweiterungen damit schneller aktualisieren können.

Es führt Dienstprogramme als Ersatz für Hintergrundseiten ein. Da Dienst-Worker nur bei Bedarf im Arbeitsspeicher vorhanden sind, verbrauchen Erweiterungen weniger Systemressourcen.

Damit Nutzer mehr Transparenz und Kontrolle darüber haben, wie Erweiterungen ihre Daten verwenden und weitergeben, führen wir in einer zukünftigen Version einen neuen Installationsvorgang ein, mit dem Nutzer sensible Berechtigungen bei der Installation zurückhalten können.

Unter developer.chrome.com finden Sie weitere Informationen und eine Anleitung zum Migrieren Ihrer aktuellen Erweiterung zu Manifest V3.


CSS-Property aspect-ratio

Normalerweise haben nur einige Elemente ein Seitenverhältnis, z. B. Bilder. Wenn bei diesen nur die Breite oder Höhe angegeben ist, wird die andere automatisch mit dem ursprünglichen Seitenverhältnis berechnet.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

In Chrome 88 können Sie mit der Eigenschaft aspect-ratio ein Seitenverhältnis explizit angeben, um ein ähnliches Verhalten zu ermöglichen.

.square {
  aspect-ratio: 1 / 1;
}

Sie können auch mithilfe der progressiven Verbesserung prüfen, ob die Funktion im Browser unterstützt wird, und bei Bedarf einen Fallback anwenden. Mit dem neuen CSS 4-Selektor not können Sie Ihren Code dann noch etwas übersichtlicher gestalten.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Jen Simmons hat darauf hingewiesen, dass diese Funktion in der neuesten technischen Vorabversion von Safari unterstützt wird. Wir sollten sie also bald in Safari sehen. In dieser Demo von Una kannst du dir ansehen, wie das funktioniert.

Starke Drosselung von verketteten JS-Timern

In Chrome 88 werden verkettete JavaScript-Timer für ausgeblendete Seiten unter bestimmten Bedingungen stark gedrosselt. Dadurch wird die CPU-Auslastung reduziert, was sich auch auf den Akkuverbrauch auswirkt. Es gibt einige Grenzfälle, in denen sich das Verhalten dadurch ändert. Timer werden jedoch oft dort verwendet, wo eine andere API effizienter und zuverlässiger wäre.

Das war ziemlich jargonlastig und etwas unklar. Weitere Informationen finden Sie in Jakes Artikel Heavy throttling of chained JS timers beginning in Chrome 88 (Starke Drosselung von verketteten JS-Timern ab Chrome 88).

Play Billing bei vertrauenswürdigen Webaktivitäten

Sie können jetzt Google Play Billing in Ihren vertrauenswürdigen Webaktivitäten verwenden, um digitale Waren und Abos mit der neuen Digital Goods API zu verkaufen. Die Funktion ist in Chrome 88 für Android als Testversion verfügbar. Wir gehen davon aus, dass sie in der nächsten Version auch auf ChromeOS ausgeweitet wird.

Nachdem Sie Ihre Konten eingerichtet haben, aktualisieren Sie Ihre vertrauenswürdigen Webaktivitäten, um die Play-Abrechnung zu aktivieren, und erstellen Sie Ihre digitalen Waren in der Play Console. Fügen Sie dann in Ihrer PWA Ihr Ursprungs-Testtoken hinzu. Anschließend können Sie den Code hinzufügen, um nach vorhandenen Käufen zu suchen, nach verfügbaren Käufen zu fragen und neue Käufe zu tätigen.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana und Andre gehen in ihrem Vortrag auf dem Chrome Dev Summit genauer darauf ein: What's new for web apps in Play. Weitere Informationen finden Sie in der Dokumentation.

Und vieles mehr

Und natürlich gibt es noch viel mehr.

  • Gemäß einer Änderung des HTML-Standards wird in Anker-Tags mit target="_blank" jetzt standardmäßig rel="noopener" impliziert. Dies trägt dazu bei, Tab-Napping-Angriffe zu verhindern.
  • Die meisten Betriebssysteme aktivieren die Mausbeschleunigung standardmäßig. Das kann bei einigen Spielen jedoch zu Problemen führen. In Chrome 88 können Sie mit der Pointer Lock API die Mausbeschleunigung deaktivieren. Das bedeutet, dass dieselbe physische Bewegung, langsam oder schnell, dieselbe Drehung bewirkt, was zu einem besseren Spielerlebnis und höherer Genauigkeit führt.
  • Außerdem kann für addEventListener jetzt ein Abbruchsignal angegeben werden. Durch Aufrufen von abort() wird dieser Ereignis-Listener entfernt. So können Ereignis-Listener ganz einfach beendet werden, wenn sie nicht mehr benötigt werden.

Weitere Informationen

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

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 89 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.