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


97

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:


153

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.

Zrzut ekranu narzędzi programistycznych Chrome


Działa to prawie idealnie. Klawiatura nie korzysta z lokalizacji mojego kursora i zamiast tego domyślnie wyświetla pasek nawigacji strony internetowej, ale kompresja strony działa wystarczająco dobrze. - Dzięki
Aaron Hellman

20
Zwróć uwagę, że to nadal nie modeluje zachowania klawiatury (nie wyświetla klawiatury podczas wybierania wejścia, nie dostosowuje pozycji przewijania).
dlsso,

18
Wygląda na to, że zostało to usunięte w Chrome 68+ :( Nie, że pomogłoby mi to w zdebugowaniu błędu opóźnienia sprawdzania pisowni, który próbuję naprawić.
Ray Foss

5
To jest przestarzałe. Klawiatura wirtualna nie jest bardziej obsługiwana. developers.google.com/web/tools/chrome-devtools/device-mode/…
Rafael S. Fijalkowski

8
Używam chromu v79 i mogę potwierdzić, że klawiatura JEST dostępna dla Nexusa 5
Marcin

16

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.


1
Pracuje! Nie dokładnie to samo, co domyślna klawiatura, ale wygląda świetnie. Dzięki!
Aaron Hellman

To jest teraz martwe połączenie, co jest wielkim wstydem. Dokładnie to, czego potrzebuję! Grr argh.
JPollock

1
To pytanie jest wystarczająco bliskie: stackoverflow.com/questions/38386215/…
JPollock

1
@BryanRayner, miło, gdy linki są wskrzeszane. Dodano przekierowanie.
AnthonyVO
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.