Na karcie Czujniki możesz emulować dane wejściowe z czujnika dowolnego urządzenia:
Otwórz kartę Czujniki
W zależności od systemu operacyjnego naciśnij następujące polecenie, aby otworzyć menu poleceń:
- W systemie macOS: Command + Shift + P
- W systemach Windows, Linux i ChromeOS: Control+Shift+P
Wpisz
sensors, wybierz Pokaż czujniki i naciśnij Enter. U dołu okna Narzędzi dla programistów otworzy się karta Czujniki.
Zastąp geolokalizację
Wiele witryn korzysta z informacji o lokalizacji użytkownika, by zwiększyć wygodę użytkowników. Na przykład witryna pogodowa może wyświetlać lokalną prognozę dla obszaru użytkownika, gdy przyzna on witrynie uprawnienia dostępu do informacji o lokalizacji.
Jeżeli tworzysz interfejs, który zmienia się w zależności od lokalizacji użytkownika, warto się upewnić, że działa ona prawidłowo w różnych miejscach na całym świecie.
Aby zastąpić geolokalizację, otwórz kartę Czujniki i z listy Geolokalizacja wybierz jedną z tych opcji:
- Jedno z gotowych miast, np. Tokio.
- Lokalizacja niestandardowa, aby wpisać niestandardową długość i szerokość geograficzną.
- Wybierz Lokalizacja niedostępna, aby sprawdzić, jak zachowuje się Twoja witryna, gdy lokalizacja użytkownika jest niedostępna.
Symulowanie orientacji urządzenia
Aby symulować różne orientacje urządzenia, otwórz kartę Czujniki i na liście Orientacja wybierz jedną z tych opcji:
- Jedna z gotowych orientacji, np. Pionowa do góry nogami.
- Orientacja niestandardowa, aby określić Twoją dokładną orientację.
Gdy wybierzesz Orientacja niestandardowa, zostaną włączone pola alfa, beta i gamma. Aby dowiedzieć się, jak działają te osie, zapoznaj się z sekcjami Alfa, Beta i Gamma.
Możesz też ustawić orientację niestandardową, przeciągając Model orientacji. Zanim przeciągnij, przytrzymaj Shift, aby obrócić widok wzdłuż osi alfa.
Wymuś dotknięcie
Aby przetestować zdarzenia dotknięcia w swojej witrynie, możesz wymusić kliknięcie, a nie kliknięcie, nawet jeśli testujesz urządzenie bez ekranu dotykowego.
Aby wywoływać zdarzenia dotknięcia za pomocą wskaźnika:
- Otwórz kartę Czujniki.
- Z listy Dotyk wybierz Wymuś dotknięcie.
- W komunikacie u góry kliknij Załaduj ponownie Narzędzia deweloperskie.
Emuluj stan nieaktywnego detektora
Interfejs Idle Detection API pozwala wykrywać nieaktywnych użytkowników i reagować na zmiany stanu bezczynności. Za pomocą Narzędzi deweloperskich możesz emulować zmiany stanu bezczynności zarówno w przypadku użytkownika, jak i ekranu, zamiast czekać na zmianę rzeczywistego stanu bezczynności.
Aby emulować stany bezczynności:
Otwórz kartę Czujniki. Możesz go wypróbować na tej stronie demonstracyjnej.
Zaznacz pole wyboru Efemeryczna i w oknie komunikatu przyznaj stronie demonstracyjnej uprawnienia do wykrywania bezczynności. Następnie odśwież stronę.
W menu Emuluj stan detektora bezczynności wybierz jedną z tych opcji:
- Brak emulacji bezczynności
- Użytkownik aktywny, ekran odblokowany
- Użytkownik aktywny, ekran zablokowany
- Użytkownik nieaktywny, ekran odblokowany
- Użytkownik bezczynny, ekran zablokowany
W tym przykładzie Narzędzia deweloperskie emulują stan Użytkownik nieaktywny, ekran zablokowany i w tym przypadku strona demonstracyjna rozpoczyna 10-sekundowe odliczanie, aby wyczyścić obszar roboczy.