Google Chrome Mobile Emulator: How to show on screen keyboard

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 fiel

Answer 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

Note that the emulated keyboard and navigation bar are just static pictures (as you can see at the source-code directory) and don't contain any interactive behavior. It is a good enough way to simulate the screen size, but it is not a perfect emulation.