Usa la pestaña Sensors para emular la entrada de los sensores de cualquier dispositivo:
- Anular la ubicación geográfica.
- Simula la orientación.
- Forzar el toque:
- Emula el estado del detector inactivo.
Abrir la pestaña Sensores
Según tu sistema operativo, presiona lo siguiente para abrir el menú de comandos:
- En macOS, Comando + Mayúsculas + P.
- En Windows, Linux o ChromeOS, Control + Mayúsculas + P.
Escribe
sensors, selecciona Mostrar sensores y presiona Intro. La pestaña Sensors se abrirá en la parte inferior de la ventana de Herramientas para desarrolladores.
Anular la ubicación geográfica
Muchos sitios web aprovechan la ubicación del usuario para brindarles una experiencia más relevante. Por ejemplo, un sitio web del clima puede mostrar el pronóstico local del área de un usuario, una vez que el usuario haya otorgado permiso al sitio web para acceder a su ubicación.
Si estás compilando una IU que cambia según el lugar donde se encuentre el usuario, probablemente te convenga asegurarte de que el sitio se comporte correctamente en diferentes lugares del mundo.
Para anular la ubicación geográfica, abre la pestaña Sensores y, en la lista Ubicación geográfica, selecciona una de las siguientes opciones:
- Una de las ciudades predeterminadas, como Tokio.
- Ubicación personalizada para ingresar las coordenadas personalizadas de longitud y latitud.
- Selecciona Ubicación no disponible para ver el comportamiento de tu sitio cuando la ubicación del usuario no esté disponible.
Simula la orientación del dispositivo
Para simular diferentes orientaciones de dispositivos, abre la pestaña Sensores y, en la lista Orientación, selecciona una de las siguientes opciones:
- Una de las orientaciones predeterminadas, como Retrato al revés
- Orientación personalizada para proporcionar tu propia orientación exacta
Después de seleccionar Orientación personalizada, se habilitan los campos alpha, beta y gamma. Consulta Alfa, Beta y Gamma para comprender cómo funcionan estos ejes.
También puedes arrastrar el Modelo de orientación para establecer una orientación personalizada. Mantén presionada la tecla Mayúsculas antes de arrastrar para rotar a lo largo del eje alfa.
Forzar el toque
Para probar los eventos táctiles en tu sitio web, puedes forzar la función táctil en lugar de hacer clic, incluso si estás probando en un dispositivo sin pantalla táctil.
Para activar eventos táctiles con el puntero, haz lo siguiente:
- Abre la pestaña Sensores.
- En la lista desplegable Tocar, selecciona Forzar toque.
- Haz clic en Volver a cargar Herramientas para desarrolladores en el mensaje que aparece en la parte superior.
Emula el estado del detector inactivo
La API de Idle Detection te permite detectar usuarios inactivos y reaccionar a los cambios de estado de inactividad. Con las Herramientas para desarrolladores, puedes emular los cambios de estado inactivo para el estado del usuario y el estado de la pantalla en lugar de esperar a que cambie el estado real de inactividad.
Para emular estados inactivos, haz lo siguiente:
Abre la pestaña Sensores. En este instructivo, puedes probarlo en esta página de demostración.
Habilita la casilla de verificación junto a Efímera y, en el mensaje, otorga a la página de demostración el permiso de detección de inactividad. Luego, vuelve a cargar la página.
En el menú desplegable Emular el estado del detector de inactividad, selecciona una de las siguientes opciones:
- No hay emulación inactiva
- El usuario está activo y la pantalla está desbloqueada
- El usuario está activo y la pantalla está bloqueada
- El usuario está inactivo y la pantalla está desbloqueada
- El usuario está inactivo y la pantalla está bloqueada
En este ejemplo, Herramientas para desarrolladores emula el estado Usuario inactivo, pantalla bloqueada y, en este caso, la página de demostración inicia la cuenta regresiva de 10 segundos para borrar el lienzo.