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-self
i justify-self
oraz skrócona właściwość CSS place-self
są teraz obsługiwane w przypadku elementów z bezwzględnym pozycjonowaniem.
Browser Support
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-rl
i sideways-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
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()
i Response.bytes()
są dostępne jako poziom odniesienia
Chrome 132 dodaje metodę bytes()
do interfejsów Request
i Response
biblioteki Fetch, która zwraca obietnicę, która zwraca Uint8Array
.
Chociaż Request
i Response
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
.
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
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.