Google Chrome Mobile Emulator: Ekran klavyesinde nasıl gösterilir?


99

Chrome'un Mobil Öykünme aracıyla web sitemizin bir mobil sürümünde hata ayıklıyorum, ancak bir metin alanı seçerken ekran klavyesinin nasıl açıldığını çözemiyorum.

Metin kutusuna tıkladım ama klavye açılmıyor. Bunu bir mobil cihazda yaparsam, varsayılan giriş yöntemi (klavye) açılır ve yazmama izin verir.

Bunu kopyalamanın bir yolu var mı?

Yanıtlar:


155

Chrome geliştirici araçları, farklı cihaz durumlarını taklit etmek için sınırlı desteğe sahiptir:

  • Varsayılan tarayıcı kullanıcı arayüzü
  • Chrome gezinme çubuğu ile
  • Açık klavye ile

Belgelere göre , bu özellik yalnızca "Nexus 5X gibi desteklenen cihazlar" taklit edilirken kullanılabilir .

Bu özelliği destekleyen emüle edilmiş cihazların tam listesi Chromium devtools-frontend kaynak-kodunda ( GitHub'da yansıtma ) bulunabilir. Şu anda yalnızca aşağıdakiler tarafından desteklenmektedir:

  • Nexus 5
  • Nexus 5X

Öykünülmüş klavye ve gezinme çubuğunun yalnızca statik resimler olduğunu (kaynak kod dizininde görebileceğiniz gibi) ve herhangi bir etkileşimli davranış içermediğini unutmayın. Ekran boyutunu simüle etmenin yeterince iyi bir yolu, ancak mükemmel bir öykünme değil.

Chrome Geliştirici Araçlarının Ekran Görüntüsü


Bu neredeyse mükemmel çalışıyor. Klavye imlecimin konumunu kullanmıyor ve bunun yerine varsayılan olarak web sayfasının gezinme çubuğunu kullanıyor, ancak sayfanın sıkıştırması yeterince iyi çalışıyor. - Teşekkürler
Aaron Hellman

21
Bunun yine de klavyenin davranışını modellemediğini unutmayın (bir giriş seçerken klavyeyi açmaz, kaydırma konumunu ayarlamaz).
dlsso

19
Görünüşe göre bu, Chrome 68+ sürümünde kaldırılmış :( Hayır, düzeltmeye çalıştığım Yazım denetimi gecikme hatasını ayıklamama yardımcı olabilirdi.
Ray Foss

5
Bu kullanımdan kaldırılmıştır. Sanal klavye artık desteklenmiyor. developer.google.com/web/tools/chrome-devtools/device-mode/…
Rafael S. Fijalkowski

8
Chromium v79 kullanıyorum ve klavyenin Nexus 5s için mevcut olduğunu doğrulayabilirim
Marcin

18

En yakın geldiğim, sanal klavye uzantısını kullanmaktır: "Chrome Sanal Klavye"

Not: Üzerinde çalıştığım bir Sencha Touch uygulamasıyla kullanırken dokunma olaylarını kullanacak şekilde ayarlamam gerekiyordu.

Başkaları da var, bu yüzden krom uzantıları alanında "sanal klavye" yi arayın ve neyi beğendiğinizi seçin.


1
İşler! Varsayılan klavye ile tam olarak aynı değil ama harika görünüyor. Teşekkürler!
Aaron Hellman

Bu artık büyük bir utanç olan ölü bir halka. Tam olarak ihtiyacım olan şey! Grr argh.
JPollock


1
@BryanRayner, bağlantılar yeniden canlandırıldığında güzel. Yönlendirme eklendi.
AnthonyVO
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.