Estou depurando uma versão móvel do nosso site por meio da ferramenta de emulação móvel do Chrome, mas não consigo descobrir como fazer um teclado na tela aparecer ao selecionar um campo de texto.
Eu cliquei na caixa de texto, mas nenhum teclado aparece. Se eu fizer isso em um dispositivo móvel, o método de entrada padrão (teclado) aparecerá e me permitirá digitar.
Existe uma maneira de replicar isso?
Respostas:
As ferramentas de desenvolvedor do Chrome têm suporte limitado para emular diferentes estados de dispositivo:
De acordo com a documentação , tal recurso só está disponível ao emular “dispositivos compatíveis como o Nexus 5X” .
A lista completa de dispositivos emulados que suportam esse recurso pode ser encontrada em Chromium devtools-frontend source-code ( mirror no GitHub ). Atualmente, só é compatível com:
Observe que o teclado emulado e a barra de navegação são apenas imagens estáticas (como você pode ver no diretório do código-fonte) e não contêm nenhum comportamento interativo. É uma maneira boa o suficiente de simular o tamanho da tela, mas não é uma emulação perfeita.
O mais próximo que cheguei foi usando a extensão de teclado virtual de: "Chrome Virtual Keyboard"
Nota: Tive que configurá-lo para usar os eventos de toque ao usá-lo com um aplicativo Sencha Touch no qual estava trabalhando.
Existem vários outros, então basta pesquisar "teclado virtual" na área de extensões do Chrome e escolher o que você gosta.