Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 125

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mit der CSS-Ankerpositionierung ist es einfacher denn je, Elemente zu verankern.
Die Compute Pressure API hilft dabei, die verfügbare Computerleistung zu optimieren.
Die Storage Access API wurde um zusätzliche Funktionen erweitert.
Und es gibt noch viele weitere Funktionen.

Mein Name ist Adriana Jara. Sehen wir uns nun an, was es bei Chrome 125 für Entwickler Neues gibt.

Positionierung von CSS-Ankern

Wenn Sie ein Element anzeigen, das mit einem anderen Element verankert ist, können Sie UI-Muster erstellen. So können Sie beispielsweise ein Pop-over als Kurzinfo verwenden und es an das Element anhängen, das es aufruft.

Mit der Positionierung von CSS-Ankern können Sie ein absolut positioniertes Element mit einem oder mehreren Elementen auf der Seite auf deklarative Weise über Tethering verbinden. Es erfordert kein JavaScript und funktioniert gut, wenn die Anker scrollbar sind.

Die Ankerpositionierungsfunktion besteht aus einer großen Anzahl von CSS-Eigenschaften. A Einige der wichtigsten Eigenschaften sind:

anchor-name: richtet ein Element als Anker für andere Elemente ein.
position-anchor: Beschreibt den „Standard“ ein verankertes Element die für die Positionierung der Anker verwendet werden soll.
Die anchor()-Funktion: Bezieht sich auf die Position des Ankers. -Element beim Positionieren des verankerten Elements.
inset-area: Eine Abkürzung für Positioning (Positionierung) für gemeinsame relative Positionen.

Compute Pressure API

Die Compute Pressure API bietet allgemeine Status, die die CPU-Auslastung im System darstellen.

Bei der Optimierung für eine ausgewogene Nutzung der Rechenleistung verwendet die API die richtigen zugrunde liegenden Hardwaremetriken, um sicherzustellen, dass die Benutzer die gesamte verfügbare Prozessorleistung nutzen können, solange das System nicht unter unkontrollierbarer Belastung steht.

Die Entwicklung und Implementierung dieser API, mit der Videokonferenz-Apps Funktionen und Leistung dynamisch ausbalancieren können, wurde von Intel geleitet.

Auf der Compute Pressure API finden Sie Beispiele und weitere Informationen.

Storage Access API (SAA) auf Nicht-Cookie-Speicher erweitert.

Die Storage Access API ist eine JavaScript API, die als Alternative zu websiteübergreifenden Cookies für Einbettungen erstellt wurde, die das Laden von websiteübergreifenden Ressourcen erfordern, um bei Bedarf Zugriffsberechtigungen vom Nutzer anzufordern.

Diese Version enthält eine Erweiterung zur Nutzung der API über Cookies hinaus. Mit dieser Erweiterung können Sie auf nicht partitionierte Cookies und auf Speicher außerhalb von Cookies in einem Drittanbieterkontext zugreifen, z. B. für die indexierte Datenbank und den lokalen Speicher. Der folgende Code zeigt ein Beispiel für die Anforderung des Zugriffs auf indexiertDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

…und vieles mehr

Natürlich gibt es noch viele weitere.

Für die Device Posture API und die Viewport Segments Enumeration API gibt es einen Ursprungstest. Diese APIs wurden entwickelt, um Entwicklern die Ausrichtung auf faltbare Geräte zu ermöglichen.
Die CSS-Funktionen für abgestufte Werte round(), mod() und rem() wurden hinzugefügt. Damit sind diese Features jetzt Baseline neu verfügbar.
Die Shared Storage API unterstützt jetzt die Ausführung ursprungsübergreifender Worklets, ohne einen iFrame erstellen zu müssen.

Vollständige Versionshinweise

Weitere Informationen

Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie zusätzliche Änderungen in Chrome 125.

Um immer auf dem Laufenden zu bleiben, abonniere die YouTube-Kanal für Chrome-Entwickler, Außerdem wirst du per E-Mail benachrichtigt, sobald wir ein neues Video veröffentlichen.

Hallo Adriana Jara, und sobald Chrome 126 veröffentlicht wird, erzähle ich dir gleich, was es bei Chrome Neues gibt.