Can the Developer Tool enable the Device Keyboard? In Chrome’s Devtools to simulate the keyboard?

Asked

Viewed 129 times

2

I’m testing a website in the mobile version by Google Chrome Devtools. I know that by the Developer Tool besides being able to test the site responsibly tb has the options to test for each type of device type iPhone5 / 6/7/8, iPad, Galaxy, Nexus, etc... And tb noticed that it is possible to simulate the "frame" of each of these devices. This way gives to get a more real sense of how the layout of the site will look on the smartphone screen.

See that it is possible to simulate the resolution and device model. (But I wish I could show the keyboard...)

inserir a descrição da imagem aqui

My question is as follows. It would have as well as simulate the "housing" of the device and its resolution, also simulate the Mobile Keyboard?

There is in Devtools the option to show a mobile keyboard to view how the site would look with it open?

Type as in the image below:

inserir a descrição da imagem aqui

1 answer

1


It is possible to simulate a prototype of the display using Chrome with the Nexus 5x device, according to print:

Chrome devtools Nexus 5x keyboard simulator

Being a prototype, you won’t have keyboard functionality. I couldn’t find the same functionality for other devices.

  • That’s right. It looks like only the Nexus5x has this keyboard, and it really is just a "simulation" not a real interactive keyboard. But it already serves to have a visual preview of how things will look. VLW

Browser other questions tagged

You are not signed in. Login or sign up in order to post.