Dazu sollten Sie Folgendes wissen:
- Das Verankern von Elementen ist dank der CSS-Ankerposition einfacher denn je.
- Mit der Compute Pressure API lässt sich die verfügbare Rechenleistung optimieren.
- Die Storage Access API wurde erweitert, sodass mehr als nur Cookies gespeichert werden können.
- Und es gibt viele weitere.
Mein Name ist Adriana Jara. Werfen wir jetzt einen genaueren Blick auf die Neuigkeiten für Entwickler in Chrome 125.
Positionierung der CSS-Anker
Wenn Sie ein Element anzeigen, das mit einem anderen Element verankert ist, können Sie UI-Muster erstellen, z. B. ein Pop-over als Kurzinfo verwenden und mit dem Element verknüpfen, das es aufruft.
Mit der CSS-Ankerposition können Sie ein absolut positioniertes Element deklarativ mit einem oder mehreren Elementen auf der Seite verknüpfen. Es erfordert kein JavaScript und funktioniert leistungsstark, wenn die Anker scrollen können.
Die Funktion zur Ankerpositionierung besteht aus einer großen Anzahl von CSS-Eigenschaften. Einige der wichtigsten Attribute sind:
anchor-name: Richtet ein Element als Anker für andere Elemente ein.position-anchor: Beschreibt den „Standard“-Anker, den ein verankertes Element für die Ankerpositionierung verwenden sollte.- Die Funktion
anchor()bezieht sich auf die Position des Ankerelements bei der Positionierung des verankerten Elements. inset-area: Eine Abkürzung für 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 nutzt die API die richtigen zugrunde liegenden Hardwaremesswerte, um sicherzustellen, dass die Nutzer die gesamte verfügbare Rechenleistung nutzen können, solange das System nicht unter einer unkontrollierbaren Belastung steht.
Die Entwicklungs- und Implementierungsarbeiten dieser API wurden von Intel geleitet. Sie ermöglicht es Videokonferenzanwendungen, Funktionen und Leistung dynamisch auszugleichen.
Beispiele 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 erstellt wurde, die vom Laden websiteübergreifender Ressourcen abhängig sind, um bei Bedarf Zugriffsberechtigungen vom Nutzer anzufordern.
Diese Version enthält eine Erweiterung zur Verwendung der API über Cookies hinaus. Mit der Erweiterung können Sie auf nicht partitionierte Cookies sowie auf Nicht-Cookie-Speicher in einem Drittanbieterkontext zugreifen, z. B. für indexedDB und localstorage. Der folgende Code zeigt ein Beispiel für die Anforderung des Zugriffs auf indexedDB.
// 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 mehr!
Natürlich gibt es noch viel mehr.
Es gibt einen Ursprungstest für die Device Posture API und die Viewport Segments Enumeration API. Diese APIs sollen Entwickler dabei unterstützen, eine Ausrichtung auf faltbare Geräte vorzunehmen.
Die CSS-Funktionen für schrittweise Werte
round(),mod()undrem()wurden hinzugefügt, wodurch diese Features nun als Baseline neu verfügbar sindDie Shared Storage API unterstützt jetzt die Ausführung ursprungsübergreifender Worklets, ohne einen iFrame erstellen zu müssen.
Weitere Informationen
Dies sind nur einige der wichtigsten Punkte. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 125.
- Neu in den Chrome-Entwicklertools (125)
- ChromeStatus.com-Updates für Chrome 125
- Änderungsliste des Chromium-Quell-Repositorys
- Release-Kalender für Chrome
Abo
Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal für Chrome-Entwickler. Wir benachrichtigen Sie per E-Mail, wenn wir ein neues Video veröffentlichen.
Hallo Adriana Jara, und sobald Chrome 126 veröffentlicht wird, informiere ich dich über die Neuheiten in Chrome.