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

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

Poniżej znajdziesz wersję wideo tych informacji o wersji, a poniżej dowiesz się więcej.

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 w nagraniach z Performance

Otwórz Ustawienia i ustaw nowe ustawienie Działanie kółka myszy w wykresach słupkowych, 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 Przewiń, 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 modułów ES6

Moduły ES6 są dostępne natywnie w Chrome 61. Nie ma tu zbyt wielu zmian w DevTools, poza tym, że debugowanie działa zgodnie z oczekiwaniami. Aby się o tym przekonać, spróbuj ustawić w tym przykładzie kilka punktów przerwania i przejść przez kod ES6-Module-implementation TodoMVC Paula Irisha.

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ędziech deweloperskich.