Interoperacyjność z października 2023 r.

Zamierzamy właśnie za chwilę ostatni kwartał 2023 r. i obejmują obszary, na których będziemy się skupiać. Z tego artykułu dowiesz się więcej na temat: Dotychczasowe wyniki w internecie w 2023 r. i funkcje dostępne dzięki wysiłek.

W styczniu 2023 r. ogłosiliśmy wprowadzenie wersji Interop 2023. oraz 26 obszarach, które wszystkie wyszukiwarki powinny ulepszyć w ciągu roku.

Ogólny wynik Interoperacyjności dla przeglądarek eksperymentalnych w momencie wprowadzenia na rynek wynosił 62)

Ogólne wyniki narzędzia Interoperacyjności: 62, liczba analiz zagrożeń 0 i wyniki na przeglądarkę – 86 w przypadku Chrome i Edge, 74 dla przeglądarki Firefox, 86 w wersji testowej technologii Safari.
Panel narzędzia Interop 2023 (zrzut ekranu z 31 stycznia 2023 r.).

Stan na październik 2023 r.

Ogólny wynik narzędzia Interop dla przeglądarek eksperymentalnych to 89. Jeśli na widok stabilny i przyjrzyj się elementom, które zostały już ale działa w stabilnych przeglądarkach, uzyskuje wynik na poziomie 75. Za tym wynikiem To cały zbiór elementów, które działają w głównych wyszukiwarkach. Niektóre z tych to niewielkie poprawki interoperacyjności, ale też kilka ważnych funkcji.

Łączny wynik dla współpracy to: 89, wynik analizy zagrożeń: 66, oraz wyniki na przeglądarkę – 97 w przypadku Chrome i Edge, 93 dla przeglądarki Firefox, 95 w wersji testowej technologii Safari.
Panel narzędzia Interop 2023 (zrzut ekranu z 30 października 2023 r.).

Określanie rozmiaru zapytań dotyczących kontenera i wartości długości zapytań dotyczących kontenera

W lutym świętowaliśmy zmianę zapytań w kontenerach rozmiaru interoperacyjności. Ta funkcja w internecie jest żądana od dawna dla programistów, a szybkie udostępnienie ich we wszystkich wyszukiwarkach było ogromną zaletą. dla platformy internetowej.

Obsługa przeglądarek

  • 105
  • 105
  • 110
  • 16

Źródło

Wraz z zapytaniami o kontener rozmiaru pojawiło się zapytanie dotyczące kontenera . Są one używane tak samo jak jednostki widocznego obszaru, takie jak vw. Różnica polega ponieważ są powiązane z kontenerem, a nie widocznym obszarem.

Obsługa przeglądarek

  • 105
  • 105
  • 110
  • 16

Przestrzenie kolorów i funkcje

W maju przestrzenie kolorów Lab, LCH, Oklab i Oklch współdziałały ze sobą obsługiwane. notacje funkcjonalne CSS lab(), lch(), oklab() oraz oklch() daje deweloperom możliwość korzystania z tej przestrzeni kolorów. Jeśli chodzi o funkcjonalność, uwzględniono również adnotacje color() i color-mix().

Obsługa przeglądarek

  • 111
  • 111
  • 113
  • 15

Źródło

Więcej informacji o nowych przestrzeniach kolorów i funkcjach znajdziesz w kolor CSS definicji .

Podsiatka

Funkcja siatki podrzędnej w układzie siatki CSS jest nową wartością atrybutu grid-template-columns i grid-template-rows, który umożliwia zagnieżdżoną siatkę użyć definicji ścieżki z siatki nadrzędnej. Oznacza to, że możesz połączyć elementów umieszczonych w strukturze siatki.

Obsługa przeglądarek

  • 117
  • 117
  • 71
  • 16

Źródło

Więcej informacji o siatce podrzędnej Aby odkryć niektóre z złożoności, które sprawiają, że wdrożenie podsiatki jest trudne, obejrzyj ten film na kanale BlinkOn 18

Atrybut inert HTML

Komponent HTML inert globalny atrybut oznacza, że możesz oznaczyć sekcje strony jako nieaktywne. Ten zapobiega zdarzeniom kliknięcia i zaznaczenia oraz ukrywa element i jego zawartość przed drzewo ułatwień dostępu. Przydaje się to w przypadku treści, które wyglądają poza ekranem w przypadku dlatego powinien być nieaktywny dla czytników ekranu.

Obsługa przeglądarek

  • 102
  • 102
  • 112
  • 15.5

Źródło

To nie wszystko.

Oprócz tych ważnych funkcji udostępniliśmy też wiele innych funkcji i poprawek. jeszcze w tym roku. Dostępne są wersje przeglądarki z pozostałymi wersjami roku, a gdy będą dostępne wszystkie wyniki, opublikujemy pełne podsumowanie.