Nowości w Narzędziach deweloperskich (Chrome 81)

Obsługa Moto G4 w trybie urządzenia

Po włączeniu paska narzędzi urządzenia możesz teraz symulować wymiary widoku Moto G4 na liście Urządzenie.

Symulowanie widocznego obszaru Moto G4

Kliknij Pokaż ramkę urządzenia, aby wyświetlić sprzęt Moto G4 wokół widoku.

Wyświetlanie sprzętu Moto G4

Powiązane funkcje:

  • Otwórz menu poleceń i uruchom polecenie Capture screenshot, aby zrobić zrzut ekranu z widokiem, który obejmuje aparat Moto G4 (po włączeniu opcji Pokaż ramkę urządzenia).
  • Ogranicz wykorzystanie sieci i procesora, aby dokładniej symulować warunki przeglądania internetu przez użytkownika na urządzeniu mobilnym.

Problem Chromium #924693

Aktualizacje dotyczące plików cookie

Zablokowane pliki cookie na panelu Pliki cookie

W panelu aplikacji panel Pliki cookie ma teraz żółte tło dla zablokowanych plików cookie.

Zablokowane pliki cookie w panelu Pliki cookie w panelu Aplikacja

Aby dowiedzieć się, jak uzyskać dostęp do podobnego interfejsu użytkownika w panelu Sieć, przeczytaj artykuł Debugowanie przyczyny zablokowania pliku cookie.

Problem w Chromium o numerze 1030258

Priorytet plików cookie w panelu plików cookie

Tabele plików cookie w panelach Sieć i Aplikacja zawierają teraz kolumnę Priorytet.

Problem Chromium #1026879

Edytowanie wszystkich wartości plików cookie

Teraz można edytować wszystkie komórki w tabelach plików cookie z wyjątkiem komórek w kolumnie Rozmiar, ponieważ ta kolumna reprezentuje rozmiar pliku cookie w sieci (w bajtach). Opis każdej kolumny znajdziesz w sekcji Pola.

Edytowanie wartości pliku cookie

Skopiuj jako pobranie Node.js, aby uwzględnić dane plików cookie

Kliknij żądanie sieci prawym przyciskiem myszy i wybierz Kopiuj > Kopiuj jako Node.js fetch, aby uzyskać wyrażenie fetch zawierające dane cookie.

Skopiuj jako pobranie Node.js

Problem w Chromium #1029826

Dokładniejsze ikony w pliku manifestu aplikacji internetowej

Wcześniej panel pliku manifestu w panelu Aplikacja wysyłał własne żądania, aby wyświetlać ikony plików manifestu aplikacji internetowej. Narzędzia deweloperskie wyświetlają teraz dokładnie taką samą ikonę pliku manifestu, jaką używa Chrome.

Ikony w panelu Plik manifestu

Problem Chromium #985402

Najedź kursorem na właściwości CSS content, aby zobaczyć nieunikające wartości

Najedź kursorem na wartość właściwości content, aby zobaczyć jej wersję bez ucieczki.

Na przykład w tym przykładzie, gdy sprawdzasz pseudoelement p::after, w panelu Styli widzisz uciekający ciąg znaków:

Ucieczka ciągu znaków

Gdy najedziesz kursorem na wartość content, zobaczysz nieunikową wartość:

Wartość bez ucieczki

Bardziej szczegółowe informacje o błędach mapy źródłowej w Konsoli

Konsola zawiera teraz więcej informacji o przyczynach, dla których nie udało się załadować lub przeanalizować mapy źródłowej. Wcześniej wyświetlał on tylko błąd bez wyjaśnienia, co poszło nie tak.

Błąd wczytywania mapy źródłowej w Konsoli

Ustawienie wyłączające przewijanie po końcu pliku

Otwórz Ustawienia, a następnie wyłącz opcję Ustawienia > Źródła > Zezwalaj na przewijanie poza koniec pliku, aby wyłączyć domyślne zachowanie interfejsu, które pozwala przewijać znacznie poza koniec pliku na panelu Źródła.

Oto animacja GIF pokazująca tę funkcję.

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.