web-dev-qa-db-fra.com

Google Chrome Mobile Emulator: comment afficher le clavier de l'écran

Je débogue une version mobile de notre site Web à l'aide de l'outil d'émulation mobile de Chrome, mais je ne vois pas 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 le fais sur un appareil mobile, la méthode de saisie par défaut (clavier) apparaît et me permet de taper.

Y at-il un moyen de reproduire cela?

74
Aaron Hellman

Les derniers Chrome ont pris en charge l’émulation de différents états de périphérique:

  • Interface utilisateur du navigateur par défaut
  • Avec Chrome barre de navigation
  • Avec clavier ouvert

Selon la documentation , une telle fonctionnalité est uniquement disponible lors de l’émulation de "périphériques pris en charge tels que le Nexus 5X" .

La liste complète des appareils émulés prenant en charge cette fonctionnalité est disponible à l’adresse code source Chromium . Actuellement, il n’est supporté que par:

  • Nexus 5
  • Nexus 5X

Notez que le clavier et la barre de navigation émulés ne sont que des images statiques (comme vous pouvez le voir sur le répertoire du code source ) et ne contiennent aucun comportement interactif. C'est un bon moyen de simuler la taille de l'écran, mais ce n'est pas une émulation parfaite.

Screenshot of Chrome Developer Tools

114
Denilson Sá Maia

Le plus proche que je suis venu utilise l'extension de clavier virtuel à partir de: "Chrome Virtual Keyboard"

Remarque: je devais le configurer pour utiliser les événements tactiles lorsque je l'utilisais avec une application Sencha Touch sur laquelle je travaillais.

Il y en a beaucoup d'autres, alors cherchez simplement "clavier virtuel" dans la zone des extensions chrome) et choisissez ce que vous aimez.

14
AnthonyVO