Nowości na platformie internetowej w styczniu

Poznaj kilka ciekawych funkcji, które w styczniu 2025 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.

Data publikacji: 29 stycznia 2025 r.

stabilne wersje przeglądarek,

W styczniu 2025 r. stały się stabilne wersje Firefox 134, Safari 18.3 i Chrome 132. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.

Karta Promise.try jest teraz dostępna jako domyślna

Promise.try to wygodna metoda, która ułatwia obsługę błędów w przypadku synchronicznych funkcji wywołania zwrotnego. Jest ona dostępna od wersji 134 przeglądarki Firefox, co czyni ją standardową. Aby dowiedzieć się więcej, przeczytaj artykuł Usługa Promise.try jest teraz dostępna jako nowa podstawa.

Właściwości wyrównania CSS dla elementów z pozycjonowaniem bezwzględnym

W Firefox 134 właściwości CSS align-selfjustify-self oraz skrócona właściwość CSS place-self są teraz obsługiwane w przypadku elementów z bezwzględnym pozycjonowaniem.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

Tryby pisania CSS w poziomie

Do Chrome 132 dodaliśmy obsługę słów kluczowych sideways-rl i sideways-lr w przypadku właściwości CSS writing-mode. Formaty sideways-rlsideways-lr są przydatne do pisania tekstu w pionie w przypadku języków innych niż CJK, gdy chcesz wyświetlić tekst w pionie ze względów projektowych.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: not supported.

Poprawki dotyczące obsługi wyskakujących okienek na urządzeniach mobilnych

Safari 18.3 to wersja, w której naprawiliśmy różne problemy z współdziałaniem. Kluczowym problemem jest poprawka dla wyskakujących okienek. Wcześniej dotknięcie lub kliknięcie poza wyskakujące okienko nie powodowało jego zamknięcia w iOS i iPadOS. Problem został już rozwiązany.

Wartości Request.bytes()Response.bytes() są dostępne jako poziom odniesienia

Chrome 132 dodaje metodę bytes() do interfejsów RequestResponse biblioteki Fetch, która zwraca obietnicę, która zwraca Uint8Array. Chociaż RequestResponse mają metodę arrayBuffer(), nie możesz odczytać bezpośrednio z bufora. Aby odczytać tę wartość, musisz utworzyć widok, np. Uint8Array. Metoda bytes() poprawia ergonomię uzyskiwania ciała Request i Response.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 128.
  • Safari: 18.

Source

Interfejs Device Posture API

Chrome 132 zawiera interfejs Device Posture API, który ułatwia projektowanie aplikacji na ekrany składane. Ta implementacja obejmuje nową funkcję multimediów device-posture w usłudze porównywania cen, która może służyć do wykrywania bieżącej postawy urządzenia. Zawiera też interfejs JavaScript do wykrywania zmian postawy i reagowania na nie. Postawy są zdefiniowane w ten sposób:

  • continuous: oznacza płaski ekran, w tym składane urządzenie używane w pozycji płaskiej oraz płaskie lub zakrzywione ekrany.
  • folded: oznacza złożony ekran, np. składane urządzenie używane w postaci książki lub laptopa.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: not supported.
  • Safari: not supported.

WebAuthn Signal API

Chrome 132 zawiera też interfejs WebAuthn Signal API, który umożliwia stronom korzystającym z WebAuthn przekazywanie informacji o dotychczasowych danych logowania do dostawców usług przechowujących dane logowania, aby można było zaktualizować lub usunąć nieprawidłowe lub odwołane dane logowania z interfejsu użytkownika dostawcy i systemu.

Dowiedz się więcej o interfejsie Signal API do obsługi kluczy dostępu na komputerach z Chrome.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub zmian, które mogą mieć wpływ na Twoją witrynę, zanim zostaną udostępnione publicznie. Nowe wersje beta to: Firefox 135 i Chrome 133. Te wersje wprowadzają na platformę wiele przydatnych funkcji. Szczegóły znajdziesz w notatkach do wersji. Oto kilka najważniejszych informacji.

Chrome 133 to ekscytująca wersja dla CSS. Zawiera zaawansowaną funkcję attr(), zapytania do kontenera stanu przewijania oraz CSS text-box, text-box-trim i text-box-edge.

Chrome 133 zawiera też interfejs FileSystemObserver oraz element DOM (Node.prototype.moveBefore), który umożliwia przenoszenie elementów w drzewie DOM bez resetowania ich stanu.

Firefox 135 zawiera analizę JSON z propozycją źródła, która ma na celu zapewnienie funkcji ograniczających problemy związane z utratą dokładności podczas konwertowania wartości takich jak duże liczby zmiennoprzecinkowe i wartości daty między wartościami JavaScriptu a tekstem JSON.