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

Kayce Basques
Kayce Basques
X GitHub

Obsługa Moto G4 w trybie urządzenia

Po włączeniu paska narzędzi urządzenia możesz teraz symulować wymiary obszaru wyświetlania 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ół obszaru wyświetlania.

Wyświetlanie sprzętu Moto G4

Powiązane funkcje:

  • Otwórz menu poleceń i uruchom polecenie Capture screenshot, aby zrobić zrzut ekranu widocznego obszaru, który zawiera sprzęt 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 mobilnego.

Problem z Chromium nr 924693

Aktualizacje dotyczące plików cookie

Zablokowane pliki cookie w panelu Pliki cookie

Panel Pliki cookie w panelu Aplikacja ma teraz zablokowane pliki cookie z żółtym tłem.

Zablokowane pliki cookie w panelu Pliki cookie w panelu Aplikacja

Aby dowiedzieć się, jak uzyskać dostęp do podobnego interfejsu z panelu Sieć, zapoznaj się też z artykułem Debugowanie przyczyny zablokowania pliku cookie.

Problem w Chromium nr 1030258

Priorytet pliku cookie w panelu Pliki cookie

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

Problem w Chromium nr 1026879

Edytowanie wszystkich wartości plików cookie

Wszystkie komórki w tabelach plików cookie można teraz edytować, z wyjątkiem komórek w kolumnie Rozmiar, ponieważ ta kolumna zawiera rozmiar sieciowy pliku cookie w bajtach. Wyjaśnienie poszczególnych kolumn znajdziesz w sekcji Pola.

Edytowanie wartości pliku cookie

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

Kliknij prawym przyciskiem myszy żądanie sieciowe i wybierz Kopiuj > Kopiuj jako Node.js fetch, aby uzyskać wyrażenie fetch, które zawiera dane plików cookie.

Skopiuj jako pobranie Node.js

Problem w Chromium nr 1029826

Dokładniejsze ikony pliku manifestu aplikacji internetowej

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

Ikony w okienku Manifest

Problem z Chromium nr 985402

Najedź kursorem na właściwości CSS content, aby zobaczyć wartości bez znaków ucieczki.

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

Na przykład w tym demo, gdy sprawdzisz pseudoelement p::after, w panelu Style zobaczysz ciąg znaków z sekwencją ucieczki:

Ciąg znaków po zastosowaniu znaku zmiany znaczenia

Gdy najedziesz kursorem na wartość content, zobaczysz wartość bez znaków ucieczki:

Wartość bez znaków ucieczki

Bardziej szczegółowe błędy mapy źródła w konsoli

Konsola zawiera teraz więcej szczegółów o tym, dlaczego nie udało się wczytać lub przeanalizować mapy źródła. Wcześniej wyświetlał 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 potem wyłącz Preferencje > Źródła > Zezwalaj na przewijanie poza koniec pliku, aby wyłączyć domyślne działanie interfejsu, które umożliwia przewijanie daleko poza koniec pliku w panelu Źródła.

Oto GIF z tą funkcją.

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.