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ć?
Odpowiedzi:
Narzędzia programistyczne Chrome mają ograniczoną obsługę emulacji różnych stanów urządzeń:
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:
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”
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.