Czujniki: emuluj czujniki urządzenia

Kayce Basques

Sofia Emelianova

Użyj panelu Czujniki, aby emulować dane wejściowe czujników dowolnego urządzenia.

Przegląd

Panel Czujniki umożliwia:

• Zastąp geolokalizację.
• Symulowanie orientacji
• Wymuś dotyk.
• Emuluj stan nieaktywnego detektora

Otwórz panel Czujniki

1. W zależności od systemu operacyjnego naciśnij odpowiedni skrót, aby otworzyć menu poleceń:

   • W systemie macOS: Command+Shift+P
   • W systemach Windows, Linux i ChromeOS naciśnij Ctrl+Shift+P.

   

2. Wpisz sensors, wybierz Pokaż czujniki i naciśnij Enter. U dołu okna Narzędzi deweloperskich otworzy się panel Czujniki.

Zastąp geolokalizację

Wiele witryn korzysta z lokalizacji użytkownika, aby zapewnić mu bardziej dopasowane wrażenia. Na przykład witryna z prognozą pogody może wyświetlać lokalną prognozę dla obszaru, w którym znajduje się użytkownik, gdy ten udzieli jej uprawnień do dostępu do swojej lokalizacji.

Jeśli tworzysz interfejs, który zmienia się w zależności od lokalizacji użytkownika, prawdopodobnie chcesz mieć pewność, że witryna działa prawidłowo w różnych miejscach na świecie.

Aby zastąpić geolokalizację, otwórz panel Czujniki i na liście Geolokalizacja wybierz jedną z tych opcji:

• Jedno z gotowych miast, np. Tokio.
• Niestandardowa lokalizacja, aby wpisać niestandardowe współrzędne geograficzne.
• Kliknij Lokalizacja niedostępna, aby sprawdzić, jak Twoja witryna działa, gdy lokalizacja użytkownika jest niedostępna.

Symulowanie orientacji urządzenia

Aby symulować różne orientacje urządzenia, otwórz panel Czujniki i na liście Orientacja wybierz jedną z tych opcji:

• Jedna z gotowych orientacji, np. Pionowo – do góry nogami.
• Orientacja niestandardowa, aby podać własną orientację.

Po wybraniu opcji Orientacja niestandardowa pola alfa, beta i gamma zostaną włączone. Aby dowiedzieć się, jak działają te osie, zapoznaj się z informacjami o wartościach Alfa, Beta i Gamma.

Możesz też ustawić niestandardową orientację, przeciągając model orientacji. Przytrzymaj klawisz Shift przed przeciągnięciem, aby obracać wzdłuż osi alfa.

Force Touch

Aby przetestować zdarzenia dotyku w witrynie, możesz wymusić dotyk zamiast kliknięcia, nawet jeśli testujesz na urządzeniu bez ekranu dotykowego.

Aby wywoływać zdarzenia dotyku za pomocą wskaźnika:

1. Otwórz panel Czujniki.
2. Na liście Dotyk wybierz Force Touch.
3. W wyświetlonym u góry okienku kliknij Reload DevTools (Ponownie załaduj Narzędzia deweloperskie).

Emulowanie stanu nieaktywnego detektora

Interfejs Idle Detection API umożliwia wykrywanie nieaktywnych użytkowników i reagowanie na zmiany stanu bezczynności. Za pomocą Narzędzi deweloperskich możesz emulować zmiany stanu bezczynności zarówno w przypadku stanu użytkownika, jak i stanu ekranu, zamiast czekać na rzeczywistą zmianę stanu bezczynności.

Aby emulować stany bezczynności:

1. Otwórz panel Czujniki.

2. Zaznacz pole wyboru obok opcji Ephemeral i w wyświetlonym monicie przyznaj stronie demonstracyjnej uprawnienia do wykrywania braku aktywności. Następnie odśwież stronę.

   

3. W menu Emulate Idle detector State (Emuluj stan wykrywacza bezczynności) wybierz jedną z tych opcji:

   • Brak emulacji nieaktywności
   • Użytkownik aktywny, ekran odblokowany
   • Użytkownik aktywny, ekran zablokowany
   • Użytkownik bezczynny, ekran odblokowany
   • Użytkownik bezczynny, ekran zablokowany

Emulowanie równoczesności sprzętu

Aby sprawdzić, jak Twoja witryna działa na urządzeniach z różną liczbą rdzeni procesora, możesz zastąpić wartość zgłaszaną przez właściwość navigator.hardwareConcurrency. Niektóre aplikacje używają tej właściwości do kontrolowania stopnia równoległości, np. do kontrolowania rozmiaru puli Emscriptenpthread.

Aby emulować równoczesność sprzętu:

1. Otwórz panel Czujniki.
2. U dołu panelu znajdź i włącz opcję check_box Równoczesność sprzętowa.
3. W polu wpisywania numeru wpisz liczbę rdzeni, które chcesz emulować.

Aby przywrócić wartość domyślną, kliknij przycisk Cofnij Resetuj.

Emulowanie ciśnienia procesora

Obciążenie procesora lub obliczeniowe to zestaw zgłaszanych stanów, które informują o tym, jak duże jest obciążenie obliczeniowe systemu i czy zbliża się ono do limitu. Te informacje pozwalają dostosować aplikację działającą w czasie rzeczywistym, np. wideokonferencję lub grę wideo, tak aby wykorzystywała całą dostępną moc obliczeniową, a jednocześnie zachowywała responsywność systemu dzięki dostosowywaniu obciążeń w czasie rzeczywistym.

Panel Czujniki umożliwia emulowanie stanów, które mogą być zgłaszane przez Compute Pressure API.

Aby zasymulować obciążenie procesora w witrynie:

1. Otwórz panel Czujniki.
2. U dołu panelu odszukaj sekcję Obciążenie procesora i wybierz jeden z czytelnych stanów obciążenia: Brak zastąpienia, Nominalne, Średnie, Poważne lub Krytyczne.
3. W prompcie u góry Narzędzi deweloperskich kliknij Załaduj ponownie Narzędzia deweloperskie.