Google Chrome Mobile Emulator: So zeigen Sie auf der Bildschirmtastatur

Question

Ich debugge eine mobile Version unserer Website durch Chrome Mobile Emulation Tool, aber nicht herausfinden, wie eine Bildschirmtastatur Pop-up bei der Auswahl eines Textfelds.

Ich habe auf das Textfeld geklickt, aber keine Tastatur erscheint. Wenn ich dies auf einem mobilen Gerät mache, erscheint die Standard-Eingabemethode (Tastatur) und erlaubt mir zu tippen.

Gibt es eine Möglichkeit, dies zu replizieren?

Answer 1

neueste Chrome-Entwickler-Tools haben ihre Unterstützung für die Emulation verschiedene Gerätezustände hinzugefügt:

• Standard-Browser UI
• mit Chrom-Navigationsleiste
• Mit geöffneter Tastatur

Nach den documentation, Diese Funktion ist nur verfügbar, wenn "unterstützte Geräte wie das Nexus 5X" emuliert werden. Die vollständige Liste emulierter Geräte, die diese Funktion unterstützen, finden Sie unter Chromium source-code. Derzeit ist es nur unterstützt von:

• Nexus 5
• Nexus 5X

Beachten Sie, dass die emulierte Tastatur und Navigationsleiste sind nur statische Bilder (wie man am source-code directory sehen) und don enthalten kein interaktives Verhalten. Es ist eine gute Möglichkeit, die Bildschirmgröße zu simulieren, aber es ist keine perfekte Emulation.

Answer 2

Die nächstgelegene ich gekommen bin, ist die virtuelle Tastatur Erweiterung mit Aktivitäten von: "Chrome Virtual Keyboard"

• http://xontab.com/Apps/VirtualKeyboard oder
• http://xontab.azurewebsites.net/VirtualKeyboard

Hinweis: Ich hatte es zum Einstellen der verwenden Berühre Events, wenn du sie mit einer Sencha Touch App verwendest, an der ich gerade arbeite.

Es gibt eine Reihe von anderen, suchen Sie einfach nach "virtuelle Tastatur" in der Chrome-Erweiterungen und wählen Sie, was Sie möchten.