Emulator Google Chrome Mobile: Jak wyświetlić na klawiaturze ekranowej

Debuguję mobilną wersję naszej witryny za pomocą narzędzia emulacji urządzeń mobilnych Chrome, ale nie mogę dowiedzieć się, jak wyświetlić wyskakującą klawiaturę ekranową podczas wybierania pola tekstowego.

Kliknąłem w pole tekstowe, ale klawiatura nie wyskakuje. Jeśli zrobię to na urządzeniu mobilnym, pojawi się domyślna metoda wprowadzania (klawiatura), która pozwoli mi pisać.

Czy istnieje sposób, aby to powtórzyć?

Narzędzia programistyczne Chrome mają ograniczoną obsługę emulacji różnych stanów urządzeń:

• Domyślny interfejs przeglądarki
• Z paskiem nawigacyjnym Chrome
• Z otwartą klawiaturą

Zgodnie z dokumentacją taka funkcja jest dostępna tylko podczas emulacji „obsługiwanych urządzeń, takich jak Nexus 5X” .

Pełną listę emulowanych urządzeń obsługujących tę funkcję można znaleźć na stronie Chromium devtools-frontend source-code ( kopia lustrzana na GitHub ). Obecnie jest obsługiwany tylko przez:

• Nexus 5
• Nexus 5X

Zauważ, że emulowana klawiatura i pasek nawigacyjny to tylko statyczne obrazy (jak widać w katalogu kodu źródłowego) i nie zawierają żadnego interaktywnego zachowania. Jest to wystarczająco dobry sposób na symulację rozmiaru ekranu, ale nie jest to idealna emulacja.

Najbardziej zbliżone jest użycie rozszerzenia klawiatury wirtualnej z: „Chrome Virtual Keyboard”

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

Uwaga: musiałem ustawić go tak, aby używał zdarzeń dotykowych podczas używania go z aplikacją Sencha Touch, nad którą pracowałem.

Istnieje wiele innych, więc po prostu wyszukaj „klawiaturę wirtualną” w obszarze rozszerzeń chrome i wybierz to, co lubisz.