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

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

Aby dowiedzieć się więcej, przeczytaj poniższe informacje lub obejrzyj film.

Symulowanie urządzeń mobilnych niskiej i średniej klasy w trybie urządzenia

Menu Ograniczanie w trybie urządzenia jest teraz wyświetlane domyślnie i umożliwia symulowanie nisko- i średnio-wydajnego urządzenia mobilnego za pomocą kilku kliknięć.

Menu ograniczania

Rysunek 1 Menu ograniczania

Ograniczanie definicji menu

Rysunek 2. Aby wyświetlić definicje średnich i niskich urządzeń mobilnych, najedź kursorem na menu Ograniczanie lub otwórz menu Ustawienia rejestrowania.

Wyświetlanie wykorzystania miejsca na dane

Nowa sekcja Wykorzystanie 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 danym urządzeniu.

Sekcja Wykorzystanie

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

Wyświetlanie informacji o tym, kiedy usługa w tle zapisała odpowiedzi

Nowa kolumna Czas przechowywania w pamięci podręcznej na karcie Pamięć podręczna z zasobami podręcznymi pokazuje, kiedy usługa workera zapisała odpowiedzi w pamięci podręcznej.

Kolumna Czas przechowywania w pamięci podręcznej

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

Włączanie licznika FPS w menu poleceń

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

Włączanie licznika FPS w menu poleceń

Rysunek 5. Włączanie licznika FPSmenu poleceń

Konfigurowanie kółka myszy w celu powiększania lub przewijania podczas nagrywania wydajności

Otwórz Ustawienia i ustaw nowe ustawienie Działanie kółka myszy w wykresie słupkowym, aby zmienić sposób działania kółka myszy w panelu Wydajność.

Jeśli na przykład użyjesz kółka myszy w sekcji Główna nagrania lub przesuniesz 2 palcami po trackpadzie, domyślnie nastąpi powiększenie lub pomniejszenie. Gdy zmienisz ustawienie na Przewijanie, gest ten będzie przewijać w górę lub w dół.

Ustawienie „Działanie kółka myszy na wykresie płomieniowym”

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

Obsługa debugowania w przypadku modułów ES6

Moduły ES6 są dostępne natywnie w Chrome 61. W przypadku DevTools nie ma tu zbyt wiele do roboty, poza tym, że debugowanie działa zgodnie z oczekiwaniami. Aby się o tym przekonać, spróbuj ustawić w tym kodzie kilka punktów przerwania i przejść przez TodoMVC, który wykorzystuje implementację ES6-Module wg Paula Irisha.

Pobieranie kanałów podglądu

Rozważ użycie jako domyślnej przeglądarki deweloperskiej przeglądarki Chrome w wersji Canary, Dev lub Beta. 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ędziech deweloperskich.