Nowości na platformie internetowej w kwietniu

Poznaj ciekawe funkcje, które w kwietniu 2023 r. pojawiły się w stabilnych i beta wersjach przeglądarek.

Rachel Andrew

stabilne wersje przeglądarek,

W kwietniu 2023 r. stały się one stabilnymi wersjami: Firefox 112 i Chrome 112. Zobaczmy, co to oznacza dla platformy internetowej.

Atrybut inert

Firefox 112 zawiera atrybut globalny inert. Ten atrybut informuje przeglądarkę, że element należy zignorować, ponieważ zawiera treści, które nie powinny być interaktywne. Oto one:

  • Zapobiega wywoływaniu zdarzeń click.
  • Uniemożliwia skupienie na elemencie.
  • Wyklucza element i jego zawartość z drzewa ułatwień dostępu.

Ten atrybut jest teraz kompatybilny we wszystkich 3 silnikach.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Źródło

Funkcja wypełnienia linear()

Funkcja linear() umożliwia interpolację liniową między kilkoma punktami. Umożliwia to tworzenie bardziej złożonych animacji, takich jak odbicia i efekty sprężystości. Ta funkcja jest dostępna w Firefox 112.

Obsługa przeglądarek

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 112.
  • Safari: 17.2.

Zagnieżdżanie CSS

Chrome 112 wprowadza obsługę zagnieżdżania CSS, czyli funkcji, na którą wielu deweloperów czekało od dawna. Wprowadziliśmy nowy selektor zagnieżdżania >, który służy do zagnieżdżania powiązanych reguł stylów w sposób znany deweloperom, którzy korzystali z przetwarzaczy:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Obsługa przeglądarek

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 117.
  • Safari: 17.2.

Źródło

CSS animation-composition

Chrome 112 obsługuje też animation-composition. Dowiedz się, jak działa ta właściwość, z artykułu Określanie sposobu, w jaki wiele efektów animacji powinno być komponowanych z kompozycją animacji.

Obsługa przeglądarek

  • Chrome: 112.
  • Edge: 112.
  • Firefox: 115.
  • Safari: 16.

Źródło

Nowy tryb bez interfejsu graficznego

Jeśli używasz trybu bez interfejsu graficznego w Chrome, na przykład z Puppeteer, wersja 112 wprowadza zupełnie nowy tryb bez interfejsu graficznego. Więcej informacji znajdziesz w artykule Uaktualnienie trybu bez interfejsu graficznego w Chrome.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają wgląd w funkcje, które pojawią się w kolejne stabilnej wersji przeglądarki. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą wpłynąć na Twoją witrynę, zanim zostaną wprowadzone na całym świecie. Nowe wersje beta to Firefox 113 i Chrome 113, a wersja beta Safari 16.5 jest nadal dostępna. Te wersje wprowadzają na platformę wiele przydatnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Poniżej przedstawiamy kilka najważniejszych informacji.

Firefox 113 zawiera funkcje color(), lab(), lch(), oklab() i oklch(). Dodano też funkcję color-mix() z CSS Color 5 oraz właściwość forced-color-adjust.

Firefox zawiera też składnię nth-child of <selector>, która umożliwia większą kontrolę nad tym, które elementy chcesz zaznaczyć. Więcej informacji znajdziesz w artykule Więcej kontroli nad wyborami :nth-child() za pomocą składni of S.

W przypadku CSS Chrome 113 zawiera funkcje mediów overflow-inline, overflow-block i update. Funkcja wygładzania linear() i typ image-set() bez prefiksu.

Chrome 113 zawiera też WebGPU, który jest następcą interfejsów API do grafiki WebGL i WebGL 2. Udostępnia ona nowoczesne funkcje, takie jak obliczanie na GPU, łatwiejszy dostęp do sprzętu GPU, możliwość renderowania na wielu obszarach roboczych z jednego urządzenia graficznego oraz lepszą, bardziej przewidywalną wydajność.

Fragment cyklu Nowości w internecie