Emulator Seluler Google Chrome: Cara menampilkan di keyboard layar

97

Saya sedang men-debug versi seluler situs web kami melalui alat Emulasi Seluler Chrome, tetapi tidak dapat mengetahui cara memunculkan keyboard di layar saat memilih bidang teks.

Saya telah mengklik kotak teks, tetapi tidak ada keyboard yang muncul. Jika saya melakukan ini di perangkat seluler, metode input default (keyboard) akan muncul dan memungkinkan saya untuk mengetik.

Apakah ada cara untuk meniru ini?

google-chrome mobile google-chrome-devtools Aaron Hellman
sumber

Jawaban:

153

Alat pengembang Chrome memiliki dukungan terbatas untuk meniru keadaan perangkat yang berbeda:

  • UI browser default
  • Dengan bilah navigasi Chrome
  • Dengan keyboard terbuka

Menurut dokumentasi , fitur tersebut hanya tersedia saat meniru "perangkat yang didukung seperti Nexus 5X" .

Daftar lengkap perangkat teremulasi yang mendukung fitur ini dapat ditemukan di kode sumber Chromium devtools-frontend ( cermin di GitHub ). Saat ini, hanya didukung oleh:

  • Nexus 5
  • Nexus 5X

Perhatikan bahwa keyboard dan bilah navigasi yang diemulasi hanyalah gambar statis (seperti yang Anda lihat di direktori kode sumber) dan tidak berisi perilaku interaktif apa pun. Ini adalah cara yang cukup baik untuk mensimulasikan ukuran layar, tetapi ini bukan emulasi yang sempurna.

Tangkapan layar Alat Pengembang Chrome

Denilson Sá Maia
sumber
Ini bekerja hampir sempurna. Keyboard tidak menggunakan lokasi kursor saya dan sebagai gantinya default ke bilah navigasi halaman web, tetapi kompresi halaman berfungsi dengan cukup baik. - Terima kasih
Aaron Hellman
20
Perhatikan bahwa ini masih tidak mencontoh perilaku keyboard (tidak memunculkan keyboard saat memilih input, tidak menyesuaikan posisi gulir).
dlsso
19
Ini tampaknya telah dihapus di Chrome 68+ :( Tidak, itu akan membantu saya men-debug bug penundaan pemeriksaan Ejaan yang saya coba perbaiki.
Ray Foss
5
Ini sudah usang. Keyboard virtual tidak lebih didukung. developers.google.com/web/tools/chrome-devtools/device-mode/…
Rafael S. Fijalkowski
8
Saya menggunakan chromium v79 dan dapat mengonfirmasi bahwa keyboard IS tersedia untuk Nexus 5s
Marcin
16

Yang paling saya temukan adalah menggunakan ekstensi keyboard virtual dari: "Chrome Virtual Keyboard"

Catatan: Saya harus mengaturnya untuk menggunakan acara sentuh saat menggunakannya dengan aplikasi Sencha Touch yang sedang saya kerjakan.

Ada beberapa lainnya jadi cari saja "keyboard virtual" di area ekstensi chrome dan pilih yang Anda suka.

AnthonyVO
sumber
1
Bekerja! Tidak persis sama dengan keyboard default tetapi tampak hebat. Terima kasih!
Aaron Hellman
Ini sekarang adalah tautan mati, yang sangat memalukan. Persis apa yang saya butuhkan juga! Grr argh.
JPollock
1
Pertanyaan ini cukup dekat: stackoverflow.com/questions/38386215/…
JPollock
1
@BryanRayner, bagus saat tautan dibangkitkan. Pengalihan ditambahkan.
AnthonyVO