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

Sofia Emelianova
Sofia Emelianova
GitHub

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.

Ładne wyświetlanie wbudowanego kodu 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 w konsoli lub w sekcji Źródła.

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 internetowych i Dodawanie 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 właściwościach skrótów (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 wydajności (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 ładowane 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 wersji Canary, Dev lub Beta przeglądarki Chrome. 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ędziach deweloperskich.