Ich debugge eine mobile Version unserer Website über das Mobile Emulation-Tool von Chrome, kann jedoch nicht herausfinden, wie bei der Auswahl eines Textfelds eine Bildschirmtastatur angezeigt wird.
Ich habe auf das Textfeld geklickt, aber es wird keine Tastatur angezeigt. Wenn ich dies auf einem mobilen Gerät mache, wird die Standardeingabemethode (Tastatur) angezeigt und ich kann tippen.
Gibt es eine Möglichkeit, dies zu replizieren?
Antworten:
Chrome-Entwicklertools unterstützen die Emulation verschiedener Gerätezustände nur eingeschränkt:
Laut Dokumentation ist eine solche Funktion nur verfügbar, wenn „unterstützte Geräte wie das Nexus 5X“ emuliert werden .
Die vollständige Liste der emulierten Geräte, die diese Funktion unterstützen, finden Sie im Chromium devtools-Frontend-Quellcode ( Spiegel auf GitHub ). Derzeit wird es nur unterstützt von:
Beachten Sie, dass die emulierte Tastatur und die Navigationsleiste nur statische Bilder sind (wie Sie im Quellcodeverzeichnis sehen können) und kein interaktives Verhalten enthalten. Es ist eine gute Möglichkeit, die Bildschirmgröße zu simulieren, aber keine perfekte Emulation.
Am nächsten komme ich mit der virtuellen Tastaturerweiterung von: "Chrome Virtual Keyboard"
Hinweis: Ich musste es so einstellen, dass es die Berührungsereignisse verwendet, wenn ich es mit einer Sencha Touch-App verwendete, an der ich arbeitete.
Es gibt eine Reihe anderer, suchen Sie also einfach im Bereich der Chrome-Erweiterungen nach "virtueller Tastatur" und wählen Sie aus, was Ihnen gefällt.