Emulatore Google Chrome: come mostrare la tastiera sullo schermo

Sto eseguendo il debug di una versione mobile del nostro sito Web tramite lo strumento di emulazione mobile di Chrome, ma non riesco a capire come visualizzare una tastiera sullo schermo quando si seleziona un campo di testo.Emulatore Google Chrome: come mostrare la tastiera sullo schermo

Ho fatto clic sulla casella di testo, ma non viene visualizzata alcuna tastiera. Se lo faccio su un dispositivo mobile, viene visualizzato il metodo di input predefinito (tastiera) che consente di digitare.

C'è un modo per replicare questo?

fonte

2015-04-14 Aaron H

Avete mai capito questo? –

recenti strumenti di Chrome gli sviluppatori hanno aggiunto il supporto per l'emulazione diversi stati del dispositivo:

Browser predefinito UI
Con Chrome barra di navigazione
Con tastiera aperto

Secondo il documentation, tale funzione è disponibile solo quando si emula il "dispositivi supportati come il Nexus 5X".

L'elenco completo dei dispositivi emulati che supportano questa funzione è disponibile al numero Chromium source-code. Attualmente, è supportata solo da:

Nexus 5
Nexus 5X

Notare che la tastiera emulato e la barra di navigazione sono solo immagini statiche (come si può vedere al source-code directory) e don non contengono alcun comportamento interattivo È un buon modo per simulare le dimensioni dello schermo, ma non è un'emulazione perfetta.

fonte

2016-03-12 04:35:23

Funziona quasi perfettamente. La tastiera non usa la posizione del mio cursore e invece si imposta automaticamente sulla barra di navigazione della pagina Web, ma la compressione della pagina funziona abbastanza bene.- Grazie –

+12

Si noti che questo ancora non modella il comportamento della tastiera (non attiva la tastiera quando si seleziona un ingresso, non regola la posizione di scorrimento). – dlsso

Si noti che non selezionerà la tastiera numerica se il tipo di ingresso è impostato su "numero". – Guy

Il più vicino sono venuto sta utilizzando l'estensione di tastiera virtuale da: "Chrome Tastiera Virtuale"

Nota: ho dovuto impostare in modo da utilizzare la toccare gli eventi durante l'utilizzo con un'app Sencha Touch su cui stavo lavorando.

Ci sono un certo numero di altri così basta cercare "tastiera virtuale" nell'area delle estensioni cromate e scegliere quello che ti piace.

fonte

2015-09-30 16:58:34 AnthonyVO

Funziona! Non è esattamente la stessa di una tastiera predefinita, ma ha un bell'aspetto. Grazie! –

Questo è ora un collegamento morto, che è un vero peccato. Esattamente quello di cui ho bisogno anche io! Grr argh. – JPollock

Questa domanda è abbastanza vicina: http://stackoverflow.com/questions/38386215/how-to-bring-up-mobile-keyboard-in-chrome-dev-tools?rq=1 – JPollock

Emulatore Google Chrome: come mostrare la tastiera sullo schermo

risposta

Problemi correlati