Nowości w Narzędziach deweloperskich w Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Łatwiejsze debugowanie statystyk dzięki Gemini

W sekcji Skuteczność > Statystyki możesz teraz kliknąć Debuguj za pomocą AI (wcześniej Zapytaj AI), aby czatować z Gemini i debugować za pomocą tego narzędzia w panelu Pomoc AI, który zawiera więcej statystyk skuteczności:

  • Ulepsz dostarczanie obrazów
  • Starszy kod JavaScript
  • Duplikat kodu JavaScript
  • Nowoczesny protokół HTTP

Przed i po dodaniu przycisku „Debuguj za pomocą AI” do bardziej szczegółowych statystyk skuteczności.

Emulowanie nagłówka „Save-Data” w sekcji „Warunki sieci”

W panelu Warunki sieci możesz teraz emulować działanie Save-Data nagłówka żądania. Ten nagłówek to wskazówka klienta sieci, która wskazuje preferencje klienta dotyczące zmniejszonego zużycia danych. Jest ona również dostępna w interfejsie navigator.connection.saveData API.

Przed i po dodaniu emulacji nagłówka żądania „Save-Data” do „Warunków sieci”.

Problem w Chromium: 40668980.

Sprawdzanie stanu linii bazowej w etykietce właściwości CSS

W sekcji Elementy > Style po najechaniu kursorem na dowolną właściwość CSS pod jej definicją możesz teraz zobaczyć jej dostępność w najpopularniejszych przeglądarkach zgodnie ze stanem Baseline.

Przed i po dodaniu stanu podstawowego do etykietek właściwości CSS.

Problem z Chromium: 417749762.

Zastępowanie typów urządzeń we wskazówkach dotyczących klienta użytkownika

W menu Stan sieci > Wskazówki dotyczące klienta użytkownika możesz teraz zastąpić typy urządzeń, a w szczególności wartości nagłówka żądania.Sec-CH-UA-Form-Factors

Przed i po dodaniu opcji zastąpienia formatu do wskazówek dotyczących klienta użytkownika.

Problem z Chromium: 422218341.

Lighthouse 12.8.0

Panel Lighthouse działa teraz w wersji 12.8.0.

Najważniejszą nowością w tej wersji jest nowy raport Lighthouse: Ograniczanie ataków typu XSS opartych na DOM przy użyciu dyrektywy Trusted Types.

Zobacz też pełną listę zmian.

Podstawowe informacje o korzystaniu z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problem w Chromium: 40543651.

Różne wyróżnione informacje

Oto niektóre z wielu ważnych poprawek i ulepszeń wprowadzonych w tej wersji:

  • Pomoc AI:
    • Historia czatu jest teraz usuwana, gdy wyłączysz odpowiednią funkcję AI w Ustawieniach.
    • Ułatwienia dostępu: czytniki ekranu odczytują teraz tytuły kontekstowe na początku, „Odpowiedź się ładuje”, gdy odpowiedź zaczyna być przesyłana strumieniowo, oraz „Odpowiedź gotowa”, gdy odpowiedź jest kompletna.
  • Elementy:
    • Karta Style może teraz oceniać funkcje CSS sibling-index(), sibling-count() i env() (crbug.com/417128001, crbug.com/40196710).
    • Dodano obsługę pseudoelementu ::view-transition-group-children (crbug.com/425901164).
    • Dodaliśmy obsługę problemów z ułatwieniami dostępu dotyczących treści interaktywnych w elemencie <summary> (crbug.com/427172874).
    • Na karcie Wynikowy możesz teraz przejść do właściwości długich w sekcji Style (crbug.com/41486012).
    • Edytory Easing, Color: możesz teraz wchodzić w interakcję z próbkami krzywych Beziera w przypadku przejść animacji i próbkami kolorów za pomocą klawiatury (crbug.com/401213421).
  • Sieć: importowanie plików HAR obejmuje teraz też pliki cookie żądań i odpowiedzi (crbug.com/432995868).
  • Tryb urządzenia: zaktualizowano ciągi User-Agent na urządzeniach Apple do najnowszej wersji Safari 18.5.

Pobieranie kanałów podglądu

Rozważ używanie Chrome w wersji Canary, deweloperskiej lub beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowych zapewniają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znajdować problemy w witrynie, zanim zrobią to użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Skorzystaj z tych opcji, aby porozmawiać o nowych funkcjach, aktualizacjach lub innych kwestiach związanych z Narzędziami deweloperskimi.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omówionych w serii Nowości w Narzędziach deweloperskich.