Google Chrome Mobile Emulator: How to show on screen keyboard Ask Question

Google Chrome Mobile Emulator: How to show on screen keyboard Ask Question

I'm debugging a mobile version of our website through Chrome's Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field.

I have clicked on the text box, but no keyboard pops up. If I do this on a mobile device, the default input method (keyboard) pops up and allows me to type.

Is there a way to replicate this?

ベストアンサー1

Chrome developer tools has limited support for emulating different device states:

  • Default browser UI
  • With Chrome navigation bar
  • With opened keyboard

According to the documentation, such feature is only available when emulating “supported devices like the Nexus 5X”.

The complete list of emulated devices that support this feature can be found at Chromium devtools-frontend source-code (mirror on GitHub). Currently, it is only supported by:

  • Nexus 5
  • Nexus 5X

エミュレートされたキーボードとナビゲーション バーは単なる静的画像であり (ソース コード ディレクトリで確認できます)、インタラクティブな動作は含まれていないことに注意してください。これは画面サイズをシミュレートするには十分な方法ですが、完全なエミュレーションではありません。

Chrome デベロッパー ツールのスクリーンショット

おすすめ記事