Je débogue une version mobile de notre site Web via l'outil d'émulation mobile de Chrome, mais je ne parviens pas à comprendre comment faire apparaître un clavier à l'écran lors de la sélection d'un champ de texte.
J'ai cliqué sur la zone de texte, mais aucun clavier n'apparaît. Si je fais cela sur un appareil mobile, la méthode de saisie par défaut (clavier) apparaît et me permet de taper.
Existe-t-il un moyen de reproduire cela?
Réponses:
Les outils de développement Chrome ont une prise en charge limitée pour émuler différents états de l'appareil:
Selon la documentation , cette fonctionnalité n'est disponible que lors de l'émulation de «périphériques pris en charge comme le Nexus 5X» .
La liste complète des périphériques émulés prenant en charge cette fonctionnalité est disponible sur Chromium devtools-frontend source-code ( miroir sur GitHub ). Actuellement, il n'est pris en charge que par:
Notez que le clavier et la barre de navigation émulés ne sont que des images statiques (comme vous pouvez le voir dans le répertoire du code source) et ne contiennent aucun comportement interactif. C'est un moyen suffisant de simuler la taille de l'écran, mais ce n'est pas une émulation parfaite.
Le plus proche que je suis est d'utiliser l'extension de clavier virtuel de: "Chrome Virtual Keyboard"
Remarque: j'ai dû le configurer pour utiliser les événements tactiles lors de son utilisation avec une application Sencha Touch sur laquelle je travaillais.
Il y en a un certain nombre d'autres, alors recherchez simplement "clavier virtuel" dans la zone des extensions Chrome et choisissez ce que vous aimez.