Chrome 125

Data wydania wersji stabilnej: 14 maja 2024 r.

O ile nie zaznaczono inaczej, te zmiany dotyczą stabilnej wersji Chrome 125 wersję na Androida, ChromeOS, Linuxa, macOS i Windowsa.

HTML i DOM

Deklaratywna serializacja shadow DOM

Funkcja pozwalająca programistom serializować drzewa DOM zawierające korzenie cieni. ustandaryzowane niedawno w standardzie HTML.

Śledzenie błędu nr 41490936 | Wpis na temat ChromeStatus.com | Dane techniczne

CSS

Pozycjonowanie zakotwiczonych CSS

Pozycjonowanie zakotwiczonych CSS pozwala deweloperom tetheringować element umieszczony w absolutnie pozycji. do jednego lub kilku innych elementów na stronie (reklam zakotwiczonych) w sposób deklaratywny; bez konieczności użycia JavaScriptu. Pozycjonowanie zakotwiczonych reklam działa wydajnie, gdy można przewijać. Typowym przypadkiem użycia jest umieszczenie wyskakującego okienka, etykietka obok elementu, który go wywołał, lub menu wyboru i jego wyskakującego okienka listę opcji. Przed użyciem funkcji pozycjonowania zakotwiczonych te przypadki użycia są wymagane. aby dynamicznie pozycjonować wyskakujące okienko i pozostawić je zakotwiczone jako przewinięto element wywołujący, który jest pistoletem sportowym i trudnym do w porządku. Dzięki pozycjonowaniu zakotwiczonych te przypadki użycia można wdrożyć wydajnie i deklaratywnie.

Funkcja pozycjonowania kotwicy składa się z dużej liczby właściwości CSS. O do najważniejszych właściwości należą:

  • anchor-name: ustawia element, który będzie zakotwiczony dla innych elementów.
  • position-anchor: opisuje wartość domyślną; zakotwiczony element do pozycjonowania zakotwiczenia.
  • Funkcja anchor(): używana w odniesieniu do pozycji reklamy zakotwiczonej podczas określania pozycji zakotwiczonego elementu.
  • inset-area: skrót do pozycjonowania oznaczający typowe pozycje względne.

Przedstawiamy interfejs CSS Anchor pozycjonowanie API | Śledzenie błędu nr 40059176 | Wpis na temat ChromeStatus.com | Dane techniczne

Funkcje CSS krokowe – round(), mod() i rem()

Funkcje wartości schodkowej round() mod() i rem(), wszystkie przekształcają określoną wartość zgodnie z inną „wartością kroku”.

Funkcja CSS round() zwraca zaokrągloną liczbę na podstawie wybranego zaokrąglenia strategii ustalania stawek.

Funkcja CSS mod() zwraca moduł pozostałego dla pierwszego parametru podzieloną przez drugi parametr, podobnie jak w operatorze reszty JavaScriptu (%). Moduł to wartość pozostała, gdy jeden operand, dywidenda, jest podzielone przez drugi operand, dzielnik. Zawsze bierzemy pod uwagę dzielnik.

Funkcja CSS rem() zwraca resztę pozostawioną po dodaniu pierwszego parametru jest dzielony przez drugi parametr, podobnie jak w operatorze reszty JavaScriptu (%). Reszta to wartość pozostała, gdy jeden operand, dzielna, jest podzielone przez drugi operand, dzielnik. Zawsze bierzemy pod uwagę dywidenda.

Śledzenie błędu nr 40253179 | Wpis na temat ChromeStatus.com | Dane techniczne

Nowa składnia niestandardowej składni CSS :state()

Niestandardowy stan CSS umożliwia elementom niestandardowym ujawnianie własnych pseudoklas. została określona w CSSWG, a Chrome 125 obsługuje składnię :state(foo). Ta zmiana będzie mieć okno, w którym Chrome będzie obsługiwać zarówno starą składnię (:--foo), jak i nową, więc witryny możesz przełączyć się na nowy.

Wpis na temat ChromeStatus.com | Dane techniczne .

Usuń nieciągłość w kolorach Oklab i Oklch o jasności prawie 100% lub 0

Przed tą zmianą wszystkie kolory laboratoryjne, LCH, Oklab i Oklch z wartością jasności 100% elementów zostało wyrenderowanych jako białe niezależnie od pozostałych 2 parametrów. Wszystkie kolory w tych przestrzeniach z wartością jasności 0 zostały renderowane jako czarne. Te 2 mapowania spowodowały nieciągłości w gradientach i nie pojawiały się w internecie dla programistów.

Po wycofaniu te kolory nie są już sztucznie mapowane, a wyświetlany kolor będzie ciągły z sąsiednimi kolorami i zależy od odwzorowanie gamy wyświetlacza.

Wpis na temat ChromeStatus.com | Dane techniczne .

Użyto głównych pasków przewijania w schemacie kolorów

Sprawia, że przeglądarka używa schematu kolorów użytkownika do renderowania widocznego obszaru paski przewijania, jeśli wartość „schematów kolorów strony” jest „normalne” czy nie i obliczoną wartość color-scheme dla elementu głównego to normal. Paski przewijania widocznego obszaru można uznać za poza treścią internetową. Dlatego klienty użytkownika powinny uwzględniać preferowany schemat kolorów do renderowania pasków przewijania widocznego obszaru, jeśli programista nie określono wyraźnie obsługi schematów kolorów.

Ta zmiana nie uniemożliwia programistom kontrolowania schematu kolorów dla pasków przewijania. Nowy sposób działania sprawia, że przeglądarka korzysta z ustawień preferowanych przez użytkownika do renderowania widocznego obszaru bez nakładek pasków przewijania tylko wtedy, gdy programista nie określono schematu kolorów dla elementu głównego.

title [tytuł] | Śledzenie błędu nr 40259909 | Wpis na temat ChromeStatus.com | Dane techniczne

view-transitions zajęcia

Dostępna jest nowa właściwość CSS view-transition-class, która umożliwia określ co najmniej 1 klasę przejść między widokami. Następnie możesz wybrać ViewTransition pseudoelementów korzystających z tych klas, np. ::view-transition-group(*.class)

To jest rozszerzenie interfejsu ViewTransfer API. upraszcza styl pseudoelementów przejścia widoku, w podobny sposób. że klasy CSS ułatwiają określanie stylu zwykłych elementów DOM.

Śledzenie błędu nr 41492972 | Wpis na temat ChromeStatus.com | Dane techniczne

Wczytuję

Podczas tworzenia WebSocket akceptowane są adresy URL HTTP i HTTPS

Ta aktualizacja włącza schematy HTTP i HTTPS w konstruktorze WebSocket, w ten sposób pozwalają też programistom używać względnych adresów URL. Są one znormalizowane do schematów wewnętrznych ws: i wss:.

Śledzenie błędu nr 325979102 | Wpis na temat ChromeStatus.com | Dane techniczne

Internetowe interfejsy API

Dodatki do Attribution Reporting API

Dodaliśmy do interfejsu Attribution Reporting API funkcje, dzięki którym możliwości debugowania dzięki obsłudze raportów dotyczących błędów analizy błędów, ulepszanie interfejsu API ergonomię, obsługując pole określające preferowaną platformę rejestracji. i zwiększaj prywatność.

Wpis na temat ChromeStatus.com

Interfejs Compute Pressure API

Interfejs Compute Pressure API stany wysokiego poziomu reprezentujące obciążenie procesora w systemie. Dzięki niemu na podstawie odpowiednich danych dotyczących sprzętu, dzięki czemu użytkownicy mogą korzystać z całej dostępnej mocy obliczeniowej, o ile tylko że system nie jest podatny na stres.

Firma Intel kierowała pracami związanymi z projektowaniem i wdrażaniem tego interfejsu API. który pozwala aplikacjom do rozmów wideo dynamicznie równoważyć funkcje skuteczność reklam.

Interfejs Compute Pressure API | Śledzenie błędu nr 40683064 | Wpis na temat ChromeStatus.com | Dane techniczne

Spowoduje to uruchomienie proponowanego rozszerzenia interfejsu Storage Access API (wstecz zgodny i był w fazie testowania origin), aby umożliwić dostęp do niepartycjonowanych plików cookie i przechowywanie danych poza plikami cookie w kontekście rozwiązań zewnętrznych. Obecny interfejs API zapewnia tylko które mają inne zastosowania niż pliki cookie.

Śledzenie błędu nr 40282415 | Wpis na temat ChromeStatus.com | Dane techniczne

Wymaganie CORS FedCM w punkcie końcowym potwierdzenia identyfikatora

Pobieranie danych w interfejsie FedCM API jest trudne do rozumowania ze względu na właściwości. których brakuje. Trwają dyskusje na temat kont. panuje też konsensus, że punkt końcowy potwierdzenia identyfikatora powinien użyj CORS. Ta aktualizacja ściślej dostosowuje właściwości zabezpieczeń tego pobierania do innych operacji pobierania na platformie internetowej.

Aktualizacje FedCM: testowanie origin interfejsu Button Mode API, CORS i SameSite | Śledzenie błędu nr 40284123 | Wpis na temat ChromeStatus.com

FedCM wysyła teraz żądania potwierdzenia identyfikatora z CORS. Ta zmiana oznacza, że Chrome nie wysyłają już plików cookie SameSite=Strict do punktu końcowego asercji identyfikatora, Obrazy z Chrome wysyła SameSite=None. Ponieważ nie ma sensu wysyłać inny zestaw plików cookie dla punktu końcowego konta i potwierdzenia identyfikatora punktu końcowego, ta zmiana sprawi, że staną się one spójne.

Niewysyłanie plików cookie SameSite=Strict jest też zgodne z Działanie usługi requestStorageAccess i żądaniach z różnych witryn.

Śledzenie błędu nr 329145816 | Wpis na temat ChromeStatus.com | Dane techniczne

Domyślne działanie polegające na przesuwaniu myszą

Chrome zezwolił na anulowanie zdarzeń przesuwania myszą, aby uniemożliwić działanie innych interfejsów API, takich jak tekst zaznaczenie (a nawet przeciąganie i upuszczanie w przeszłości). Nie pasuje do innych głównych przeglądarki; nie jest też zgodny ze specyfikacją zdarzeń interfejsu. Zaznaczenie tekstu nie będzie nie będzie domyślnym działaniem w przypadku ruchu kursora myszy. Zaznaczanie tekstu oraz przeciąganie i upuszczanie można nadal zostanie zablokowana przez anulowanie wydarzeń selectstart i dragstart .

Ta funkcja będzie wdrażana stopniowo, począwszy od Chrome 125 i oczekuje będzie dostępna dla wszystkich użytkowników w Chrome 126.

Demonstracja | Śledzenie błędu nr 40078978 | Wpis na temat ChromeStatus.com | Dane techniczne

Modyfikatory wyrażeń regularnych

Modyfikatory wyrażeń regularnych umożliwiają modyfikowanie lokalnie tych parametrów: i, m, i s' flagi wewnątrz wzorów.

Aby włączyć flagę wyrażenia podrzędnego, użyj (?X:subexpr), gdzie X jest jednym z i, m lub s. Aby wyłączyć flagę wyrażenia podrzędnego, użyj (-X:subexpr).

Na przykład w przypadku flagi i bez rozróżniania wielkości liter:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

Wpis na temat ChromeStatus.com | Dane techniczne .

Duplikaty wyrażeń regularnych nazwane grupy przechwytywania

Zduplikowanie nazwanych grup przechwytywania pozwala użyć tej samej nazwy grupy przechwytywania między alternatywnymi rozwiązaniami. Przykład

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

W tym przypadku year jest odpowiedni dla pierwszej alternatywy ((?<year>[0-9]{4})-[0-9]{2}), lub drugą alternatywę ([0-9]{2}-(?<year>[0-9]{4})).

Wpis na temat ChromeStatus.com | Dane techniczne .

Aplikacje Chrome

Interfejs Direct Sockets API w aplikacjach Chrome

Ta aktualizacja ułatwia przejście z aplikacji Chrome na wyspecjalizowane aplikacje izolowane aplikacje internetowe przez włączenie Direct Sockets w aplikacjach Chrome, co umożliwi aplikacjom internetowym. ustanowienie protokołu Direct Transmission Control Protocol (TCP) i protokołu Datagram użytkownika. komunikację (UDP) z urządzeniami i systemami sieciowymi.

Wpis na temat ChromeStatus.com | Dane techniczne .

Nowe wersje próbne origin

Interfejs FedCM Button Mode API oraz interfejs API innego konta

Ta wersja testowa origin obejmuje 2 poniższe interfejsy API FedCM.

Interfejs Button Mode API umożliwia witrynom wywoływanie FedCM jednym kliknięciem przycisku, na przykład: klikając przycisk Sign-in to IdP (Zaloguj się w dostawcy tożsamości). Wymaga to zagwarantowania przez FedCM zawsze odpowiada widocznym interfejsem użytkownika, w przeciwieństwie do trybu widżetu, który nie wyświetla interfejsu po wylogowaniu się użytkownika. Wywołuję interfejs FedCM API w button mode (tryb przycisku) umożliwia użytkownikom zalogowanie się u dostawcy tożsamości (w oknie dialogowym), gdy użytkownicy są wylogowani.

Poza tym tryb przycisku jest wywoływany w treściach dla określonych użytkowników. gest, interfejs może być też lepiej widoczny (np. wyśrodkowany lub modalny) w porównaniu z interfejsem w trybie widżetu (w którym nie ma intencji). Dowiedz się więcej o tym, jak działa interfejs Button Mode API Aktualizacje FedCM: testowanie origin interfejsu Button Mode API, CORS i SameSite

Interfejs Use Other Account API umożliwia dostawcy tożsamości zezwalanie użytkownikom na logowanie się na na innych kontach.

Wersja próbna origin | Prezentacja | Śledzenie błędu nr 40284792 | Wpis ChromeStatus.com | Dane techniczne

Składane interfejsy API

Ta wersja próbna origin obejmuje interfejs Device Posture API i segmenty Viewport Enumeration API. Te interfejsy API zostały opracowane, aby pomóc deweloperom w kierowaniu reklam na urządzenia składane urządzenia.

Wersja próbna origin | Testowanie origin składanych interfejsów API | Wpis na temat ChromeStatus.com | Dane techniczne

Próba wycofania w przypadku właściwości i metod pełnego ekranu HTMLVideoElement z prefiksem

Okres próbny wycofania pozwala ponownie włączyć obsługę Właściwości i metody HTMLVideoElement, jeśli potrzebujesz więcej czasu na dostosowanie w kodzie.

Wersja próbna origin | Wpis na temat ChromeStatus.com .

Pomiń skanowanie z wyprzedzeniem

Pomija skaner wstępnie wczytywanego do eksploracji dla stron bez pobierania zasobów podrzędnych.

Krok skanera wstępnego wczytywania poprawia wydajność stron z zasobem podrzędnym przez implementowanie spekulacyjnego pobierania z wyprzedzeniem. Jednak w przypadku stron nie skorzystać z tego kroku. Oznacza to, że w przypadku stron bez zasobów podrzędnych to dodatkowy narzut związany z przetwarzaniem, który nie przynosi większych korzyści.

Zaawansowani użytkownicy internetu, którzy chcieliby skorzystać na obniżeniu tego narzutu, mogą funkcja eksperymentalna udostępnia opcję na poziomie strony, która umożliwia wyłączenie skanera wstępnego wczytywania. Dane zebrane w ramach tego eksperymentu mogą ocenić, czy zmodyfikowany interfejs API lub inny skorzystaj ze skanera wstępnego wczytywania HTML.

Wersja próbna origin | Śledzenie błędu nr 330802493 | Wpis na temat ChromeStatus.com | Dane techniczne

Wycofania i usuwanie

Usuń parametr „window-placement” alias uprawnień i zasad uprawnień „window-management”

Usuwa parametr „window-placement”. alias zasad dotyczących uprawnień i uprawnień „window-management”. Jest to część działań, które mają na celu zmianę nazw ciągów w końcu wycofaliśmy i usunęliśmy element „window-placement”. Zmiana terminologii zwiększa trwałość deskryptora, ponieważ Interfejs API zarządzania stale się rozwija.

title [tytuł] | Śledzenie błędu nr 40842072 | Wpis na temat ChromeStatus.com | Dane techniczne

Usunięcie zasady dotyczącej przedsiębiorstw: NewBaseUrlInheritanceBehaviorAllowed

Zmiana w kodzie (włącz nowe działanie dziedziczenia podstawowego adresu URL), zastąpienia zasad przedsiębiorstwa są włączone w wersjach stabilnych od sierpnia 2023 r. (Chrome 118). Od momentu rozwiązania znanych problemów firma ta została usunięta w Chrome 125.

Wpis na temat ChromeStatus.com

Usuwanie właściwości i metod pełnego ekranu HTMLVideoElement z prefiksem

Pełnoekranowe interfejsy API HTMLVideoElement z prefiksem zostały wycofane od Chrome 38 Zastąpiła je usługa Element.requestFullscreen(), która najpierw zostały wprowadzone bez prefiksu w 2018 roku w Chrome 71.

Następujące właściwości i metody zostaną usunięte z elementu HTMLVideoElement:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (zwróć uwagę na inną wielkość liter w FullScreen)
  • webkitExitFullScreen()

Zarejestruj się, aby skorzystać z okresu próbnego wycofywania wymienionego w tym poście, jeśli Twoja witryna nadal opiera się na tych elementach i potrzebujesz więcej czasu na zaktualizowanie kodu.

Wpis na temat ChromeStatus.com

Więcej informacji

Chcesz więcej? Zapoznaj się z tymi dodatkowymi materiałami.

Pobierz Google Chrome

Pobierz Chrome na Android Na komputerze lub iOS: