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

Moto G4 – obsługa w trybie urządzenia

Po włączeniu paska narzędzi urządzenia możesz symulować wymiary widocznego obszaru Moto G4. z listy Urządzenia.

Symulowanie widocznego obszaru w Moto G4

Kliknij Pokaż ramkę urządzenia, aby wyświetlić ramkę Moto G4 w widocznym obszarze.

Moto G4

Podobne funkcje:

  • Otwórz menu poleceń i uruchom polecenie Capture screenshot, aby zrobić zrzut ekranu widoczny obszar obejmujący sprzęt Moto G4 (po włączeniu opcji Pokaż ramkę urządzenia).
  • Ograniczyć sieć i procesor, aby dokładniej symulować przeglądanie internetu przez użytkownika na urządzeniu mobilnym. warunków.

Problem nr 924693 z Chromium

Aktualizacje dotyczące plików cookie

Zablokowane pliki cookie w panelu Pliki cookie

Okienko Pliki cookie w panelu aplikacji ma teraz żółty kolor z żółtym tłem.

Zablokowane pliki cookie w panelu Pliki cookie w panelu Aplikacja

Zapoznaj się też z artykułem Debugowanie przyczyn zablokowania pliku cookie, aby dowiedzieć się, jak uzyskać dostęp do podobnego interfejsu z poziomu sieci. panel.

Problem nr 1030258 z Chromium

Priorytet plików cookie w panelu Pliki cookie

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

Problem nr 1026879 w Chromium

Edytuj wszystkie wartości plików cookie

Możesz teraz edytować wszystkie komórki w tabelach plików cookie, z wyjątkiem komórek w kolumnie Rozmiar, ponieważ reprezentuje rozmiar sieciowy pliku cookie (w bajtach). Wyjaśnienie znajdziesz w sekcji Pola każdej kolumny.

Edytowanie wartości pliku cookie

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

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

Skopiuj jako pobieranie Node.js

Problem nr 1029826 z Chromium

Dokładniejsze ikony manifestu aplikacji internetowej

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

Ikony w panelu pliku manifestu

Problem nr 985402 z Chromium

Aby zobaczyć wartości bez zmiany znaczenia, najedź kursorem na właściwości CSS content

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

Na przykład w tej demo, kiedy sprawdzasz pseudoelement p::after, widzisz znak zmiany znaczenia w panelu Style:

Ciąg znaków ze zmianą znaczenia

Gdy najedziesz kursorem na wartość content, zobaczysz wartość bez zmiany znaczenia:

Wartość bez zmiany znaczenia

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

Konsola zawiera teraz bardziej szczegółowe informacje o tym, dlaczego nie udało się wczytać lub przeanalizować mapy źródłowej. Wcześniej tylko wyświetli błąd bez wyjaśnienia, co poszło nie tak.

Błąd podczas wczytywania mapy źródeł w konsoli

Ustawienie wyłączania przewijania poza koniec pliku

Otwórz Ustawienia i wyłącz Preferencje > Źródła > Zezwalaj na przewijanie po końcu , aby wyłączyć domyślne działanie interfejsu użytkownika, które umożliwia przewinięcie poza koniec pliku w panelu Źródła.

Oto GIF przedstawiający tę funkcję.

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.