Nowości w Narzędziach dla deweloperów (Chrome 119)

Sofia Emelianova
Sofia Emelianova

Ulepszona sekcja @property w sekcji Elementy > Style

Edytowana reguła @property

Teraz możesz edytować regułę at-rule CSS @property w odpowiedniej sekcji w panelu Elementy > Style.

Stan przed i po umożliwieniu edycji reguły właściwości.

Problem z Chromium: 1471123.

zgłaszane są problemy z nieprawidłowymi regułami @property;

Na karcie Problemy są teraz zgłaszane problemy z nieprawidłowymi deklaracjami w regułach @property.

Problemy z regułą dotyczącą właściwości zgłoszone na karcie Problemy.

Problem z Chromium: 1473283.

Zaktualizowana lista urządzeń do emulacji

Ciągi znaków klienta użytkownika w sekcji Ustawienia. Ustawienia > Urządzenia zostały zaktualizowane, aby odzwierciedlały średnie użycie przeglądarek i systemów operacyjnych. W trybie urządzenia możesz teraz emulować więcej aktualnych urządzeń.

Lista urządzeń przed i po aktualizacji.

Problem z Chromium: 1479733.

Ładowanie wbudowanego obiektu JSON w tagach skryptu w sekcji Źródła

Panel Źródła obsługuje teraz ładne formatowanie wbudowanego kodu JSON w tagach HTML <script>, co ułatwia debugowanie.

Dane JSON wbudowane w tag skryptu przed i po ładnym wydrukowaniu.

Problemy z Chromium: 406900, 1473875.

Automatyczne wypełnianie pól prywatnych w Konsoli

Teraz możesz automatycznie wypełniać prywatne pola klasy podczas ich oceniania poza zakresem klasy w Konsoli.

Stan przed i po wprowadzeniu obsługi autouzupełniania dla prywatnego pola klasy poza zakresem klasy.

Problemy z Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Panel Lighthouse korzysta teraz z wersji Lighthouse 11.1.0. Zobacz pełną listę zmian.

Podstawy korzystania z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problemy z Chromium: 772558.

Ulepszenia ułatwień dostępu

Czytniki ekranu odczytają teraz:

  • ostrzeżenia i błędy w konsoli;
  • Tekst w oknie Czy ufasz temu kodowi?, które pojawia się podczas wklejania kodu do Console lub Sources.

Dodatkowo w panelu Aplikacja rozwiązaliśmy problemy z kontrastem linków w trybie wysokiego kontrastu.

Problemy z Chromium: 1485257, 1486643, 1485263.

Wycofanie usługi Web SQL

W Chrome 123 usuniemy sekcję Aplikacja > Web SQL, ponieważ interfejs Web SQL Database API nie jest już obsługiwany. W tej wersji dodaliśmy do sekcji o nadchodzącym usunięciu ostrzeżenie.

Ostrzeżenie o wycofaniu interfejsu Web SQL.

Więcej informacji znajdziesz w artykule Wycofanie i usunięcie Web SQL.

Problemy z Chromium: 1485966.

Sprawdzanie formatu obrazu zrzutu ekranu w sekcji Aplikacja > Plik manifestu

W sekcji Aplikacja > Plik manifestu sprawdzamy teraz, czy zrzuty ekranu Twojej aplikacji internetowej o tym samym formacie (wide lub narrow) mają ten sam format obrazu.

Ostrzeżenie o nieprawidłowym formacie obrazu zrzutów ekranu z tym samym formatem.

Więcej informacji znajdziesz w artykułach Debugowanie progresywnych aplikacji internetowychDodawanie pliku manifestu aplikacji internetowej.

Zespół DevTools dziękuje Alexeyowi Rodionovowi za wdrożenie tej zmiany i innych ulepszeń ostrzeżeń dotyczących pliku manifestu w poprzedniej wersji.

Problem z Chromium: 1476656.

Inne najciekawsze momenty

Oto kilka istotnych poprawek i ulepszeń w tej wersji:

  • Elementy:
    • Właściwości funkcji czasu animacji nie są wyświetlane w przypadku długich właściwości CSS w rozwijanych skrótach (1149182).
    • Autouzupełnianie w przypadku contain-intrinsic-* nie podaje już nieprawidłowej wartości auto, ponieważ powinna ona wynosić auto <length> (1480415).
    • Usunięto obsługę przestarzałych i nieprawidłowych właściwości -webkit-* (1086089, 1030765).
  • Punkty przerwania: usunęliśmy błąd, który powodował znikanie okna edycji punktu przerwania po zmianie jego typu (1485782).
  • Skuteczność:
    • Naprawiono błąd analizowania kolorów podczas nagrywania wykonania (1480205).
    • Usunęliśmy błąd polegający na tym, że LCP nie wyświetlał się na ścieżce Czas trwania (1487136).
  • Sieć: w kolumnie Ustawione pliki cookie wyświetlana jest teraz prawidłowa liczba ustawionych plików cookie (z wyjątkiem zablokowanych – 1486903).
  • Rozszerzenia Narzędzi deweloperskich są teraz wczytywane po przejściu do niezablokowanego hosta (1476264).
  • Rozwiązano błąd polegający na nieprawidłowym kontekście wykonania skryptu w przypadku rozszerzeń (1275331).

Pobieranie kanałów podglądu

Rozważ użycie jako domyślnej przeglądarki deweloperskiej przeglądarki Chrome w wersji Canary, Dev lub Beta. Te kanały wersji wstępnej zapewniają dostęp do najnowszych funkcji DevTools, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znaleźć problemy w witrynie, zanim zrobią to użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi, skorzystaj z tych opcji.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omawianych w cyklu artykułów Co nowego w Narzędziech deweloperskich.