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

Sofia Emelianova
Sofia Emelianova
GitHub

Sekcja @property została ulepszona w Elementy > Style

@property reguła z możliwością edycji

Możesz teraz edytować regułę CSS @property w odpowiedniej sekcji w obszarze Elementy > Okienko Style.

Informacje przed i po udostępnieniu reguły właściwości do edycji.

Problem z Chromium: 1471123.

Zgłoszono problemy z @property nieprawidłowymi regułami

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

Problemy z regułą właściwości zgłoszonej na karcie Problemy.

Problem z Chromium: 1473283.

Zaktualizowana lista urządzeń do emulacji

Ciągi znaków klienta użytkownika w sekcji Ustawienia. Ustawienia > Zaktualizowaliśmy sekcję Urządzenia, aby odzwierciedlić średnie wykorzystanie przeglądarek i systemów operacyjnych. Teraz możesz emulować większą liczbę nowszych urządzeń w trybie urządzenia.

Informacje o zaktualizowaniu listy urządzeń przed aktualizacją i po jej zaktualizowaniu.

Problem z Chromium: 1479733.

Wbudowany kod JSON w formacie ładnym w tagach skryptu w Źródłach

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

Fragmenty kodu JSON przed i po śródtekstowym w postaci kodu JSON w tagu skryptu.

Problemy z Chromium: 406900, 1473875.

Autouzupełnianie pól prywatnych w konsoli

Możesz teraz automatycznie uzupełniać pola zajęć prywatnych podczas ich oceny poza zakresem zajęć w Konsoli.

Pole „przed” i „po” obsługi autouzupełniania w polu zajęć prywatnych spoza zakresu zajęć.

Problemy z Chromium: 1483848, 1381806.

Lighthouse 11.1.0

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

Podstawowe informacje na temat korzystania z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problemy z Chromium: 772558.

Udoskonalone ułatwienia dostępu

Czytniki ekranu odczytują teraz następujące informacje:

  • Ostrzeżenia i błędy w konsoli.
  • Tekst widoczny w oknie Czy ufasz temu kodowi? podczas wklejania kodu w Konsoli lub źródłach.

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

Problemy z Chromium: 1485257, 1486643, 1485263.

Wycofanie Web SQL

Aplikacja > Sekcja Web SQL zostanie usunięta w Chrome 123, ponieważ interfejs Web SQL Database API nie jest już obsługiwany. Ta wersja dodaje ostrzeżenie do sekcji o nadchodzącym usunięciu.

Ostrzeżenie o wycofaniu Web SQL.

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

Problemy z Chromium: 1485966.

Sprawdzanie formatu obrazu zrzutu ekranu w aplikacji > Plik manifestu

Aplikacja > Sekcja Plik manifestu sprawdza teraz, czy zrzuty ekranu Twojej aplikacji internetowej z tym samym formatem (wide lub narrow) mają ten sam format obrazu.

Ostrzeżenie o nieprawidłowym współczynniku proporcji zrzutów ekranu o tym samym formacie

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

Zespół Narzędzi deweloperskich wyraża wdzięczność Aleksiejowi Rodinowowi za wprowadzenie tej zmiany i inne ulepszenia ostrzeżeń w poprzedniej wersji.

Problem w Chromium: 1476656.

Różne wyróżnienia

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

  • Elementy:
    • Próbki funkcji czasu animacji nie są wyświetlane w przypadku właściwości CSS „długich znaków” w polach skróconych skrótów (1149182).
    • Autouzupełnianie pola contain-intrinsic-* nie zawiera teraz nieprawidłowej pojedynczej wartości auto, ponieważ powinna ona wynosić auto <length> (1480415).
    • Wycofaliśmy obsługę wycofanych i nieprawidłowych usług -webkit-* (1086089, 1030765).
  • Punkty przerwania: usunięto błąd polegający na tym, że okno edycji punktu przerwania znikało po zmianie typu punktu przerwania (1485782).
  • Skuteczność:
    • Naprawiliśmy błąd analizy kolorów podczas rejestrowania skuteczności (1480205).
    • Poprawiliśmy błąd, który powodował, że LCP nie wyświetlało się w ścieżce Czasy (1487136).
  • Sieć: kolumna Ustaw pliki cookie zawiera teraz prawidłową liczbę skonfigurowanych plików cookie (oprócz zablokowanych) (1486903).
  • Rozszerzenia do Narzędzi deweloperskich są teraz wczytywane po przejściu do niezablokowanego hosta (1476264).
  • Poprawiliśmy błąd z nieprawidłowym kontekstem wykonywania skryptu w przypadku rozszerzeń (1275331).

Pobierz kanały podglądu

Zastanów się, czy nie ustawić Chrome w wersji Canary, Dev lub beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowej dają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i wykrywanie problemów w witrynie, zanim użytkownicy ją zobaczą.

Kontakt z zespołem ds. Narzędzi deweloperskich w Chrome

Skorzystaj z poniższych opcji, aby porozmawiać o nowych funkcjach i zmianach w poście lub o innych kwestiach związanych z Narzędziami deweloperskimi.

  • Prześlij nam sugestię lub opinię na crbug.com.
  • Aby zgłosić problem z Narzędziami deweloperskimi, kliknij Więcej opcji   Więcej > Pomoc > Zgłoś problemy z Narzędziami deweloperskimi w Narzędziach deweloperskich.
  • Opublikuj tweeta na stronie @ChromeDevTools.
  • Napisz komentarz w filmach w YouTube o nowościach w Narzędziach deweloperskich lub o filmach w YouTube ze wskazówkami dotyczącymi Narzędzi deweloperskich.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów, które zostały omówione w serii Co nowego w Narzędziach deweloperskich.