Nach dem Erfolg von Interop 2022 und Interop 2023 freuen wir uns sehr über die Möglichkeit, mit allen wichtigen Browseranbietern und anderen relevanten Stakeholdern zusammenzuarbeiten. Unser gemeinsames Ziel ist es, die Interoperabilität zwischen Webplattformen zu verbessern, um so die Arbeit von Entwicklern zu vereinfachen und die Erfahrung für Internetnutzer insgesamt zu bereichern.
Im Kern besteht der Interop-Standard aus einer umfassenden Reihe von Tests und Benchmarks, die entwickelt wurden, um die Konformität einzelner Browser auf der Grundlage unserer gemeinsamen Verpflichtung zu Webstandards zu bewerten. Das Ziel von Interop ist es, Inkonsistenzen zwischen Browsern zu beseitigen und eine einheitliche Vision innerhalb der Branche zu fördern.
Bei Interop 2024 gab es einen öffentlichen Angebotsprozess, um eine erste Liste der Funktionen zu erhalten. Basierend auf dieser Liste haben alle Parteien gemeinsam die Liste der Schwerpunkte für 2024 erarbeitet. Die folgende Liste enthält die Bereiche, in denen wir hoffen, dass alle ausgewählten Tests bis Ende des Jahres bestanden werden.
Alle Schwerpunkte für 2024
Der Interop 2024 umfasst zwölf neue Schwerpunkte, fünf davon wurden aus dem Jahr 2023 übernommen. Einige Korrekturen sind noch nicht geplant. Die Bereiche sind:
- Barrierefreiheit
- CSS-Verschachtelung
- Benutzerdefinierte Attribute
- Deklaratives Schatten-DOM
- font-size-adjust
- HTTPS-URLs für WebSocket
- IndexedDB
- Layout
- Zeiger- und Mausereignisse
- Pop-over
- Relative Farbsyntax
- requestVideoFrameCallback
- Stil der Bildlaufleiste
- @starting-Stil und Übergangsverhalten
- Textausrichtung
- text-wrap: Guthaben
- URL
Details zu allen Schwerpunkten finden Sie im Interop 2024-Dashboard. Dort werden Details zu den benötigten Funktionen und Arbeiten sowie die aktuellen Punktzahlen für jeden Browser angezeigt. Im weiteren Verlauf dieses Artikels geht es um einige Bereiche, in denen Chrome die meiste Arbeit leisten muss, um 100 % zu erreichen.
Verschachtelung
Das CSS-Verschachtelungsmodul definiert eine Syntax für Verschachtelungen von Selektoren und bietet die Möglichkeit, eine Stilregel in eine andere zu verschachteln, wobei der Selektor der untergeordneten Regel relativ zum Selektor der übergeordneten Regel steht.
Die CSS-Verschachtelung unterscheidet sich von CSS-Präprozessoren wie Sass dadurch, dass sie vom Browser geparst und nicht von einem CSS-Präprozessor vorkompiliert werden.
CSS-Verschachtelungen verbessern die Lesbarkeit, Modularität und Verwaltbarkeit von CSS-Stylesheets. Außerdem lässt sich damit möglicherweise die Größe von CSS-Dateien verringern, wodurch sich die von Nutzern heruntergeladenen Daten reduzieren lassen.
Obwohl alle Browser CSS Nesting unterstützen, gibt es aufgrund von Änderungen der Spezifikation einige Unterschiede bei den Implementierungen. Im Rahmen des Interop 2024 möchten wir dafür sorgen, dass alle Browser der aktuellen Spezifikation entsprechen.
Hier finden Sie weitere Informationen zur CSS-Verschachtelung sowie eine wichtige Aktualisierung der Spezifikation, die das Verschachteln von reinen Element-Tag-Namen ermöglicht.
text-wrap: Guthaben
Der Balance-Wert der CSS-Eigenschaft text-wrap gibt dem Browser an, dass die Textzeilen ausgeglichen werden sollen. Es wird normalerweise in Überschriften oder anderen kurzen Textabschnitten verwendet, um typografische Witwen zu vermeiden.
Browser unterstützen unterschiedliche Lang- und Kurzschreibversionen dieser Property. Im Rahmen des Interop-Programms 2024 möchten wir diese Interoperabilität verbessern.
Die Balance zwischen Überschriften und anderen kurzen Textabschnitten ist eine Funktion, die von Entwicklern häufig angefragt wird. Weitere Informationen dazu finden Sie unter CSS text-wrap: Balancing, den Beitrag „Typografische Witwen“ im Web oder CSS Text Balancing with text-wrap: Balancing.
HTTP(s)-URLs für WebSocket
Der WebSocket-Konstruktor erforderte ursprünglich ws:- und wss:-URLs, wodurch die Verwendung relativer URLs und des daraus resultierenden Problemumgehungcodes verhindert wurde.
Die Spezifikation wurde aktualisiert, sodass HTTP(s)-Schemas und somit relative URLs zulässig sind. Diese werden auf ws: und wss: normalisiert.
Im Verlauf von Interop 2024 aktualisieren wir unsere Implementierung, damit HTTP(s)-Schemata unterstützt werden.
Relative Farbsyntax
Die relative Farbsyntax wird in der CSS Color 5-Spezifikation definiert und bietet die Möglichkeit, Farben in CSS zu bearbeiten. Zum Beispiel können Sie eine Farbe abdunkeln, aufhellen oder entsättigen.
Die relative Farbsyntax ist ungefähr interoperabel, aber das Schlüsselwort currentcolor wurde in Browsern nicht implementiert. Diese Tests sind in Interop 2024 enthalten.
Weitere Informationen zu dieser Funktion finden Sie unter Relative CSS-Farbsyntax.
Interop 2024-Dashboard
Wie in den vergangenen Jahren werden die aktuellen Punktzahlen für experimentelle und stabile Browser-Releases auf dem Dashboard veröffentlicht, damit Sie die Entwicklung der Punktzahlen nachvollziehen können.
Wir sind gespannt, welche Verbesserungen dieses Jahr in allen Schwerpunkten vorgenommen werden können.