Emular sensores: geolocalização e acelerômetro

Os chips de GPS e os acelerômetros podem ser difíceis de testar, já que a maioria dos computadores não tem esses recursos. O painel de emulação de sensores do Chrome DevTools reduz a sobrecarga dos testes com a emulação de sensores comuns de dispositivos móveis.

TL;DR

  • Emule as coordenadas de geolocalização para testar modificações de geolocalização.
  • Simule a orientação do dispositivo para testar dados do acelerômetro.

Acessar controles do sensor

Para acessar os controles do sensor do Chrome DevTools:

  1. Abra o menu principal do DevTools e
  2. Em More Tools, clique em Sensors
Navegue para o painel Sensors

Observação: Se seu aplicativo detectar sensores onload usando JavaScript (como o Modernizr), certifique-se de recarregar a página depois de ativar os emuladores de sensor.

Modificar dados de geolocalização

Diferentemente dos computadores, os dispositivos móveis normalmente usam hardware de GPS para detectar a localização. No painel Sensors, é possível simular coordenadas de geolocalização para usar com a Geolocation API.

Ative a emulação de geolocalização marcando a caixa de seleção Emulate geolocation coordinates no painel de sensores da gaveta de emulação.

emulador de geolocalização ativado

Você pode usar esse emulador para modificar os valores da posição para navigator.geolocation, assim como simular casos em que os dados de geolocalização estão indisponíveis.

Emular acelerômetro (orientação do dispositivo)

Para testar os dados de acelerômetro que vêm da Orientation API, ative o emulador de acelerômetro marcando a caixa de seleção Accelerometer no painel Sensors.

Controle do acelerômetro

É possível manipular os seguintes parâmetros de orientação:

α
Rotação no eixo Z.
β
Inclinação lateral.
γ
Inclinação vertical.

Além disso, você pode clicar e arrastar o modelo de acelerômetro para a orientação desejada.

Experimente o emulador de acelerômetro com esta demonstração de orientação do dispositivo.