Google Chrome Mobile Emulator: Anzeigen auf der Bildschirmtastatur

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?

google-chrome mobile google-chrome-devtools Aaron Hellman
quelle

Antworten:

147

Chrome-Entwicklertools unterstützen die Emulation verschiedener Gerätezustände nur eingeschränkt:

Standard-Browser-Benutzeroberfläche
Mit Chrome Navigationsleiste
Mit geöffneter Tastatur

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:

Nexus 5
Nexus 5X

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.

Denilson Sá Maia
quelle

Das funktioniert fast perfekt. Die Tastatur verwendet nicht die Position meines Cursors und verwendet standardmäßig die Navigationsleiste der Webseite, aber die Komprimierung der Seite funktioniert gut genug. - Danke

Aaron Hellman

Beachten Sie, dass dies das Verhalten der Tastatur immer noch nicht modelliert (die Tastatur wird bei Auswahl eines Eingangs nicht aufgerufen, die Bildlaufposition wird nicht angepasst).

dlsso

Dies scheint in Chrome 68+ entfernt worden zu sein :( Nein, es hätte mir geholfen, den Fehler bei der Rechtschreibverzögerung zu beheben, den ich zu beheben versuche.

Ray Foss

Dies ist veraltet. Die virtuelle Tastatur wird nicht mehr unterstützt. developer.google.com/web/tools/chrome-devtools/device-mode/…

Rafael S. Fijalkowski

Ich benutze Chrom v79 und kann bestätigen, dass die Tastatur für Nexus 5s verfügbar ist

Marcin

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.

AnthonyVO
quelle

Funktioniert! Nicht genau das gleiche wie eine Standardtastatur, sieht aber gut aus. Vielen Dank!

Aaron Hellman

Dies ist jetzt eine tote Verbindung, was eine große Schande ist. Genau das, was ich auch brauche! Grr argh.

JPollock

Diese Frage ist nah genug: stackoverflow.com/questions/38386215/…

JPollock

@BryanRayner, schön, wenn Links wiederbelebt werden. Weiterleitung hinzugefügt.

AnthonyVO