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 su schermo quando si seleziona un campo di testo.
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) e mi consente di digitare.
C'è un modo per replicare questo?
Risposte:
Gli strumenti per sviluppatori di Chrome hanno un supporto limitato per l'emulazione di diversi stati del dispositivo:
Secondo la documentazione , tale funzione è disponibile solo quando si emulano "dispositivi supportati come il Nexus 5X" .
L'elenco completo dei dispositivi emulati che supportano questa funzione può essere trovato in Chromium devtools-frontend source-code ( mirror su GitHub ). Attualmente è supportato solo da:
Nota che la tastiera emulata e la barra di navigazione sono solo immagini statiche (come puoi vedere nella directory del codice sorgente) e non contengono alcun comportamento interattivo. È un modo abbastanza buono per simulare le dimensioni dello schermo, ma non è un'emulazione perfetta.
Il modo più vicino che ho raggiunto è utilizzare l'estensione della tastiera virtuale da: "Chrome Virtual Keyboard"
Nota: ho dovuto impostarlo per utilizzare gli eventi touch quando lo utilizzavo con un'app Sencha Touch su cui stavo lavorando.
Ce ne sono molti altri, quindi cerca "tastiera virtuale" nell'area delle estensioni di Chrome e scegli quello che ti piace.