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?

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


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.


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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.