Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 125

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mit der CSS-Eigenschaft „Ankern“ können Sie Elemente jetzt noch einfacher ankern.
Die Compute Pressure API hilft dabei, die verfügbare Rechenleistung zu optimieren.
Die Storage Access API wurde auf mehr als nur den Cookie-Speicher erweitert.
Und es gibt noch viele weitere.

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 125 Neues für Entwickler 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 zur Positionierung von Ankern besteht aus einer großen Anzahl von CSS-Eigenschaften. Zu den wichtigsten Eigenschaften gehören:

anchor-name: Hiermit wird ein Element als Anker für andere Elemente festgelegt.
position-anchor: Beschreibt den „Standard“-Anker, den ein verankertes Element für die Ankerpositionierung verwenden sollte.
Die anchor()-Funktion: Bezieht sich auf die Position des Ankerelements bei der Positionierung des angedockten 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.

Intel hat die Design- und Implementierungsarbeiten für diese API geleitet, mit der Apps für Videokonferenzen Funktionen und Leistung dynamisch ausbalancieren können.

Beispielen und weitere Informationen finden Sie unter Compute Pressure API.

Die Storage Access API (SAA) wurde 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 Codebeispiel wird gezeigt, wie Sie den Zugriff auf IndexedDB anfordern.

// 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 sollen Entwicklern dabei helfen, ihre Apps auf faltbare Geräte auszurichten.
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 wichtige 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.

Ich bin Adriana Jara und sobald Chrome 126 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.