Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 125

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mit der CSS-Positionierung können Elemente jetzt noch einfacher verankert werden.
Die Compute Pressure API hilft dabei, die verfügbare Computerleistung zu optimieren.
Die Storage Access API wurde auf mehr als nur den Cookie-Speicher erweitert.
Und es gibt noch viele weitere Funktionen.

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 125 für Entwickler Neues gibt.

CSS-Ankern

Wenn Sie ein Element an einem anderen Element anpinnen, können Sie UI-Muster erstellen, z. B. ein Pop-up als Kurzinfo verwenden und es an das Element anhängen, das es aufruft.

Mit der CSS-Ankerpositionierung können Sie ein absolut positioniertes Element deklarativ an ein oder mehrere Elemente auf der Seite binden. Es erfordert kein JavaScript und funktioniert leistungsstark, wenn die Anker scrollbar sind.

Die Funktion zum Ankern besteht aus einer großen Anzahl von CSS-Eigenschaften. Hier einige der wichtigsten Attribute:

anchor-name: Hiermit wird ein Element als Anker für andere Elemente festgelegt.
position-anchor: Beschreibt den „Standardanker“, den ein verankertes Element für die Ankerpositionierung verwenden sollte.
Die anchor()-Funktion: Bezieht sich auf die Position des Ankerelements bei der Positionierung des verankerten Elements.
inset-area: Eine Kurzschreibweise für die Positionierung, für gängige relative Positionen.

Compute Pressure API

Die Compute Pressure API bietet allgemeine Status, die die CPU-Auslastung des Systems darstellen.

Bei der Optimierung für eine ausgewogene Nutzung der Rechenleistung des Computers verwendet die API die richtigen zugrunde liegenden Hardwaremesswerte, damit Nutzer die gesamte verfügbare Rechenleistung nutzen können, solange das System nicht übermäßig belastet wird.

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

Beispielen und weitere Informationen finden Sie unter Compute Pressure API.

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 entwickelt wurde, die vom Laden websiteübergreifender Ressourcen abhängen. So kann bei Bedarf die Zugriffsberechtigung vom Nutzer angefordert werden.

Diese Version enthält eine Erweiterung, mit der die API auch über Cookies hinaus verwendet werden kann. Mit der Erweiterung können Sie in einem Drittanbieterkontext auf nicht partitionierte Cookies und Nicht-Cookie-Speicher zugreifen, z. B. auf IndexedDB und LocalStorage. Im folgenden Code wird ein Beispiel für den Zugriff auf IndexedDB gezeigt.

// 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 viel mehr.

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.
Die Shared Storage API unterstützt jetzt das Ausführen von ursprungsübergreifenden Worklets, ohne dass ein iFrame erstellt werden muss.

Vollständige Versionshinweise lesen

Weitere Informationen

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

Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, 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.