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

Kayce Basques

Nowe funkcje i ważne zmiany w Narzędziach deweloperskich w Chrome 61:

• Symulacja ograniczania na urządzeniu mobilnym Ustaw jednocześnie ograniczanie procesora i sieci, aby symulować urządzenia mobilne średniej lub niskiej klasy.
• Wykorzystanie miejsca na dane. Sprawdź, ile miejsca na dane zajmuje pochodzenie, z podziałem na technologie (IndexedDB, pamięć podręczna, lokalna, sesyjna itp.).
• Sygnatury czasowe pamięci podręcznej. Sprawdzanie, kiedy skrypt service worker zapisał odpowiedź w pamięci podręcznej.
• Włącz licznik FPS w menu poleceń.
• Zmień działanie kółka myszy i touchpada w panelu Wydajność
• Debugowanie modułów ES6 w sposób natywny.

Obejrzyj poniżej wersję wideo tych informacji o wersji lub czytaj dalej, aby dowiedzieć się więcej.

Symulowanie urządzeń mobilnych z niższej i średniej półki w trybie urządzenia

Menu Ograniczanie w trybie urządzenia jest teraz domyślnie widoczne i umożliwia symulowanie urządzenia mobilnego z niższej lub średniej półki za pomocą kilku kliknięć.

Rysunek 1. Menu ograniczania

Rysunek 2. Najedź kursorem na menu Ograniczanie przepustowości lub otwórz menu Ustawienia przechwytywania, aby zobaczyć definicje opcji Telefon średniej klasy i Telefon z niższej półki.

Sprawdzanie wykorzystania miejsca na dane

Nowa sekcja Użycie na karcie Wyczyść pamięć w panelu Aplikacja pokazuje, ile miejsca na dane zajmuje źródło, a także maksymalny limit miejsca na dane dla tego źródła na tym urządzeniu.

Rysunek 3. Sekcja Wykorzystanie pokazuje, że https://airhorner.com wykorzystuje 66,9 KB z limitu 15214 MB.

Sprawdzanie, kiedy service worker zapisał odpowiedzi w pamięci podręcznej

Nowa kolumna Czas przechowywania w pamięci podręcznej na karcie Pamięć podręczna pokazuje, kiedy service worker zapisał w pamięci podręcznej odpowiedzi.

Rysunek 4. Kolumna Czas przechowywania w pamięci podręcznej

Włączanie licznika klatek na sekundę z menu poleceń

W menu poleceń możesz teraz włączyć miernik FPS.

Rysunek 5. Włączanie licznika klatek na sekundę w menu poleceń

Ustawianie działania kółka myszy w celu powiększania lub przewijania w nagraniach wydajności

Otwórz Ustawienia i skonfiguruj nowe ustawienie Działanie kółka myszy na wykresie płomieniowym, aby zmienić sposób działania kółka myszy w panelu Skuteczność.

Na przykład gdy używasz kółka myszy w sekcji Główne nagrania lub przesuwasz 2 palcami po trackpadzie, domyślnie następuje powiększenie lub pomniejszenie. Gdy zmienisz ustawienie na Przewijanie, ten gest będzie przewijać w górę lub w dół.

Rysunek 6. Ustawienie Działanie kółka myszy na wykresie płomieniowym

Obsługa debugowania modułów ES6

Moduły ES6 są dostępne natywnie w Chrome 61. W przypadku Narzędzi deweloperskich nie ma tu zbyt wielu nowości, poza tym, że debugowanie działa zgodnie z oczekiwaniami. Spróbuj ustawić punkty przerwania i przejść krok po kroku przez implementację modułu ES6 Paula Irisha w TodoMVC, aby się o tym przekonać.

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.

• Prześlij nam opinię i prośby o dodanie funkcji na stronie crbug.com.
• Zgłoś problem z Narzędziami deweloperskimi, klikając more_vert Więcej opcji > Pomoc > Zgłoś problem z Narzędziami deweloperskimi w Narzędziach deweloperskich.
• Wyślij tweeta do @ChromeDevTools.
• Dodawaj komentarze do filmów na YouTube z serii „Co nowego w Narzędziach deweloperskich” lub filmów na YouTube z serii „Wskazówki dotyczące Narzędzi deweloperskich”.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omówionych w serii Nowości w Narzędziach deweloperskich.