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 für jedes Element ganz einfach festlegen.
  • In Chrome 88 werden verkettete JavaScript-Timer für ausgeblendete Seiten unter bestimmten Bedingungen stark gedrosselt.
  • Sie können jetzt Play Billing in Ihrer Trusted Web Activity verwenden.
  • Alle Videos vom Chrome Dev Summit sind jetzt 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 es Neues für Entwickler in Chrome 88 gibt.

Manifest V3

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

So ist beispielsweise das Hosten von Code auf einem Remote-Server nicht zulässig. Dadurch können die Prüfer im Chrome Web Store besser nachvollziehen, welche Risiken eine Erweiterung birgt. So können Sie Ihre Erweiterungen schneller aktualisieren.

Darin werden Service Worker als Ersatz für Hintergrundseiten vorgestellt. Da Service Worker nur bei Bedarf im Arbeitsspeicher vorhanden sind, benötigen Erweiterungen weniger Systemressourcen.

Damit Nutzer besser nachvollziehen und steuern können, wie Erweiterungen ihre Daten verwenden und weitergeben, führen wir in einer zukünftigen Version einen neuen Installationsablauf ein, mit dem Nutzer bei der Installation sensible Berechtigungen zurückhalten können.

Auf developer.chrome.com finden Sie alle Details und Informationen zur Migration Ihrer aktuellen Erweiterung zu Manifest V3.


CSS-Property aspect-ratio

Normalerweise haben nur einige Elemente ein Seitenverhältnis, z. B. Bilder. Wenn nur die Breite oder die Höhe angegeben ist, wird die andere Dimension automatisch anhand des intrinsischen Seitenverhältnisses 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 erzielen.

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

Sie können auch Progressive Enhancement verwenden, um zu 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 etwas übersichtlicher gestalten.

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

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

Vielen Dank an Jen Simmons, die darauf hingewiesen hat, dass dies in der neuesten Safari Technical Preview unterstützt wird. Wir sollten es also bald in Safari sehen! In dieser Demo von Una können Sie sich ansehen, wie das funktioniert.

Starke Drosselung verketteter JS-Timer

In Chrome 88 werden verkettete JavaScript-Timer für ausgeblendete Seiten unter bestimmten Bedingungen stark gedrosselt. Dadurch wird die CPU-Auslastung und somit auch der Akkuverbrauch reduziert. In einigen Grenzfall-Szenarien ändert sich das Verhalten, aber Timer werden oft verwendet, wenn eine andere API effizienter und zuverlässiger wäre.

Das war ziemlich fachsprachlich und etwas mehrdeutig. Alle Details finden Sie im Artikel von Jake Heavy throttling of chained JS timers beginning in Chrome 88.

Play Billing in vertrauenswürdigen Web-Aktivitäten

Sie können jetzt Play Billing in Ihrer Trusted Web Activity verwenden, um digitale Waren und Abos über die neue Digital Goods API zu verkaufen. Die Funktion ist in Chrome 88 unter Android als Ursprungstest verfügbar. Wir gehen davon aus, dass der Ursprungstest in der nächsten Version auf ChromeOS ausgeweitet wird.

Nachdem Sie Ihre Konten eingerichtet haben, aktualisieren Sie Ihre Trusted Web Activity, um die Abrechnung über Google Play zu aktivieren, und erstellen Sie Ihre digitalen Waren in der Play Console. Fügen Sie dann in Ihrer PWA das Origin-Trial-Token hinzu. Jetzt können Sie den Code hinzufügen, um nach vorhandenen Käufen zu suchen, verfügbare Käufe abzufragen 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 Chrome Dev Summit-Vortrag What's new for web apps in Play genauer darauf ein. Sie können sich auch die Dokumentation ansehen.

Und vieles mehr

Und natürlich gibt es noch viel mehr.

  • Um einer Änderung des HTML-Standards zu entsprechen, wird bei Anker-Tags mit target="_blank" jetzt standardmäßig rel="noopener" angenommen. So werden Tab-Napping-Angriffe verhindert.
  • Bei den meisten Betriebssystemen ist die Mausbeschleunigung standardmäßig aktiviert. 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, zur gleichen Drehung führt. So wird ein besseres Spielerlebnis und eine höhere Genauigkeit ermöglicht.
  • addEventListener akzeptiert jetzt ein Abort-Signal als Option. Durch Aufrufen von abort() wird dieser Event-Listener entfernt. So lassen sich Event-Listener ganz einfach beenden, wenn sie nicht mehr benötigt werden.

Weitere Informationen

Dies sind nur einige der wichtigsten Neuerungen. Weitere Änderungen in Chrome 88 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.

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