Estoy depurando una versión móvil de nuestro sitio web a través de la herramienta Emulación móvil de Chrome, pero no puedo averiguar cómo hacer que aparezca un teclado en pantalla al seleccionar un campo de texto.
He hecho clic en el cuadro de texto, pero no aparece ningún teclado. Si hago esto en un dispositivo móvil, el método de entrada predeterminado (teclado) aparece y me permite escribir.
¿Hay alguna forma de replicar esto?
Respuestas:
Las herramientas para desarrolladores de Chrome tienen soporte limitado para emular diferentes estados de dispositivos:
Según la documentación , dicha función solo está disponible cuando se emulan "dispositivos compatibles como el Nexus 5X" .
La lista completa de dispositivos emulados que admiten esta función se puede encontrar en Chromium devtools-frontend source-code ( espejo en GitHub ). Actualmente, solo es compatible con:
Tenga en cuenta que el teclado emulado y la barra de navegación son solo imágenes estáticas (como puede ver en el directorio del código fuente) y no contienen ningún comportamiento interactivo. Es una forma suficientemente buena de simular el tamaño de la pantalla, pero no es una emulación perfecta.
Lo más cerca que he estado es usando la extensión de teclado virtual de: "Teclado virtual de Chrome"
Nota: tuve que configurarlo para usar los eventos táctiles cuando lo usaba con una aplicación Sencha Touch en la que estaba trabajando.
Hay varios otros, así que busque "teclado virtual" en el área de extensiones de Chrome y elija lo que desee.