Po sukcesach Interop w 2022 r. i Interop 2023 cieszymy się z możliwości ponownej współpracy ze wszystkimi kluczowymi dostawcami przeglądarek i innymi zainteresowanymi osobami. Naszym wspólnym celem jest zwiększenie interoperacyjności między platformami internetowymi, co pozwoli uprościć pracę programistów i poprawić wrażenia użytkowników internetu.
Interoperacyjność to przede wszystkim kompleksowa seria testów i testów porównawczych opracowanych w celu oceny zgodności poszczególnych przeglądarek w oparciu o nasze wspólne zobowiązanie do przestrzegania standardów internetowych. Celem firmy Interop jest wyeliminowanie niespójności między przeglądarkami i tworzenie ujednoliconej wizji w branży.
W przypadku Interoperacyjności 2024 przeprowadzono publiczny proces składania propozycji, aby uzyskać wstępną listę funkcji. Wszystkie strony podjęły współpracę przy tworzeniu listy obszarów, na których należy się skupić na 2024 rok. Na liście poniżej znajdują się obszary, w których mamy nadzieję, że do końca roku uda się zaliczyć 100% wybranych testów.
Wszystkie cele na 2024 r.
Interakcja w 2024 roku obejmuje 12 nowych obszarów, w tym 5 obszarów, które zostały przeniesione z 2023 roku, oraz kilka innych ulepszeń, które wymagają jeszcze wprowadzenia. Te obszary to:
- Ułatwienia dostępu
- Zagnieżdżanie CSS
- Właściwości niestandardowe
- Deklarowany DOM cienia
- font-size-adjust
- Adresy URL HTTPS dla WebSocket
- IndexedDB
- Układ
- Zdarzenia wskaźnika i myszy
- Wyskakujące okienko
- Składnia koloru względnego
- requestVideoFrameCallback
- Styl paska przewijania
- @starting-style i przejścia-behavior
- Kierunek tekstu
- text-wrap: saldo
- URL
Szczegółowe informacje o wszystkich najważniejszych obszarach znajdziesz w panelu Interop 2024, gdzie znajdziesz szczegółowe informacje na temat funkcji i wymaganej pracy wraz z aktualnymi wynikami dla poszczególnych przeglądarek. W pozostałej części tego artykułu dowiesz się, jakie obszary, w których Chrome musi wykonać najwięcej pracy, aby osiągnąć 100%.
Umieszczanie
Moduł zagnieżdżania arkusza CSS określa składnię zagnieżdżania selektorów, co daje możliwość zagnieżdżania jednej reguły stylu w innej z selektorem reguły podrzędnej względem selektora reguły nadrzędnej.
Zagnieżdżanie arkuszy CSS różni się od preprocesorów CSS, takich jak Sass, ponieważ jest analizowane przez przeglądarkę, a nie wstępnie kompilowane przez preprocesor CSS.
Zagnieżdżanie arkuszy stylów CSS zwiększa czytelność, modułowość i łatwość obsługi arkuszy stylów CSS. Pomaga też zmniejszyć rozmiar plików CSS, zmniejszając ilość danych pobieranych przez użytkowników.
Wszystkie przeglądarki obsługują umieszczanie CSS, jednak występują pewne różnice w implementacji spowodowane zmianami specyfikacji. W ramach narzędzia Interop 2024 chcemy dopilnować, aby wszystkie przeglądarki były zgodne z obecną specyfikacją.
Dowiedz się więcej o zagnieżdżaniu arkuszy CSS i zapoznaj się z najważniejszą aktualizacją specyfikacji, która umożliwia zagnieżdżanie samych nazw tagów elementów.
text-wrap: saldo
Wartość salda właściwości CSS text-wrap wskazuje przeglądarce, że chce ona zrównoważyć wiersze tekstu. Jest zwykle używany w nagłówkach lub innych krótkich sekcjach tekstowych, by uniknąć wdów typograficznych.
Przeglądarki obsługują różne wersje tej usługi – zarówno długie, jak i skrócone. W ramach interoperacyjności z 2024 r. chcemy zapewnić interoperacyjność tych rozwiązań.
Deweloperzy często proszą o zgodę na równoważenie nagłówków i innych krótkich sekcji tekstu. Więcej informacji na ten temat znajdziesz w artykule CSS text-wrap: Balance, post wdowy typograficzne w internecie i Równoważenie tekstu CSS z zawijaniem tekstu: saldo.
Adresy URL HTTP(s) dla WebSocket
Konstruktor WebSocket wymagał początkowo adresów URL ws: i wss:, co uniemożliwiało użycie względnych adresów URL i wynikowego kodu obejścia.
Specyfikacja została zaktualizowana, aby umożliwić stosowanie schematów http(s), a tym samym względnych adresów URL. Są one znormalizowane do ws: i wss:.
W trakcie Interoperacyjności 2024 zaktualizujemy nasze wdrożenie, aby obsługiwało schematy http.
Składnia koloru względnego
Składnia kolorów względnych jest zdefiniowana w specyfikacji koloru CSS 5 i umożliwia manipulowanie kolorami w CSS. Możesz na przykład przyciemnić, rozjaśnić lub zmniejszyć nasycenie koloru.
Składnia kolorów względnych jest w większości przypadków interoperacyjna, ale przeglądarki nie wdrożyły słowa kluczowego currentcolor. Te testy są uwzględnione w narzędziu Interop 2024.
Wszystkie dostępne możliwości tej funkcji znajdziesz w składni kolorów względnych CSS.
Panel Interop 2024
Tak jak w poprzednich latach, bieżące wyniki testów stabilnych i eksperymentalnych będą publikowane w panelu, dzięki czemu możesz obserwować, jak zmieniają się wyniki.
Nie możemy się doczekać, aż zobaczymy, jak dużo można poprawić we wszystkich najważniejszych obszarach w tym roku.