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

Sofia Emelianova
Sofia Emelianova
GitHub

Ulepszona sekcja @property w sekcji Elementy > Style

Edytowalna reguła @property

Możesz teraz edytować @propertyregułę @ CSS w odpowiedniej sekcji w panelu Elementy > Style.

Przed i po wprowadzeniu możliwości edytowania 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 @property regułach.

Problem z regułą dotyczącą usługi zgłoszony na karcie Problemy.

Problem w Chromium: 1473283.

Zaktualizowana lista urządzeń do emulacji

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

Przed i po zaktualizowaniu listy urządzeń.

Problem w Chromium: 1479733.

Formatowanie wbudowanego kodu JSON w tagach skryptu w panelu Źródła

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

Przed i po sformatowaniu wbudowanego kodu JSON w tagu skryptu.

Problemy z Chromium: 406900, 1473875.

Automatyczne uzupełnianie pól prywatnych w Konsoli

Możesz teraz automatycznie uzupełniać pola klasy prywatnej podczas ich oceniania poza zakresem klasy w konsoli.

Przed i po obsługuje autouzupełnianie w przypadku prywatnego pola klasy poza zakresem klasy.

Problemy z Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Panel Lighthouse działa teraz w wersji 11.1.0. Zobacz pełną listę zmian.

Podstawowe informacje o korzystaniu 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 te informacje:

  • Ostrzeżenia i błędy w konsoli.
  • Tekst w oknie dialogowym Czy ufasz temu kodowi? podczas wklejania kodu do konsoli lub źródeł.

Dodatkowo w panelu Aplikacja rozwiązano problemy z kontrastem w przypadku linków w trybie wysokiego kontrastu.

Problemy z Chromium: 1485257, 1486643, 1485263.

Wycofanie Web SQL

Sekcja Aplikacja > Web SQL zostanie usunięta w Chrome 123, ponieważ interfejs Web SQL Database API nie jest już utrzymywany. W tej wersji dodaliśmy ostrzeżenie w sekcji dotyczącej nadchodzącego usunięcia.

Ostrzeżenie o wycofaniu Web SQL.

Więcej informacji znajdziesz w artykule Wycofywanie i usuwanie Web SQL.

Problemy z Chromium: 1485966.

Sprawdzanie formatu zrzutu ekranu w sekcji Aplikacja > Manifest

W sekcji Aplikacja > Manifest 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 rodzajem urządzenia.

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

Zespół Narzędzi deweloperskich dziękuje Alexeyowi Rodionovowi za wprowadzenie tej zmiany i innych ulepszeń ostrzeżeń w pliku manifestu w poprzedniej wersji.

Problem z Chromium: 1476656.

Różne wyróżnione informacje

Oto kilka ważnych poprawek i ulepszeń w tej wersji:

  • Elementy:
    • Próbki funkcji czasu trwania animacji nie są wyświetlane w przypadku rozwiniętych właściwości CSS pod rozwijanymi właściwościami skróconymi (1149182).
    • Autouzupełnianie w przypadku contain-intrinsic-* nie podaje już nieprawidłowej pojedynczej wartości auto, ponieważ powinna to być wartość auto <length> (1480415).
    • Usunęliśmy obsługę wycofanych 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, który powodował, że wartość LCP nie była widoczna na ścieżce Czasy (1487136).
  • Sieć: w kolumnie Ustawione pliki cookie wyświetla się teraz prawidłowa liczba ustawionych plików cookie z wyłączeniem zablokowanych (1486903).
  • Rozszerzenia Narzędzi deweloperskich są teraz wczytywane po przejściu do nieblokowanej domeny (1476264).
  • Naprawiono błąd związany z nieprawidłowym kontekstem wykonywania skryptu w przypadku rozszerzeń (1275331).

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.