如何在chrome dev工具中调出移动键盘?

Jav*_*med 10 google-chrome google-chrome-devtools

我正在尝试测试iOS和Android上某些输入默认情况下出现的键盘类型.有没有办法在Chrome devtools手机模拟器中启动屏幕键盘?

到目前为止,我已经通过运行xcode模拟器并指向我的网站测试了我的网站的iOS版本,但使用devtools会非常方便.

谢谢!

Gid*_*zer 20

您可以在纵向或横向视图中查看Nexus 5X设备的标准键盘:

DevTools Nexus 5X键盘

但是,您无法与其进行交互,也不会根据调用它的上下文进行更改.我通过检查DevTools发现它只是一个覆盖在SVG上的图像文件.这些配置文件没有任何智能.查看应用程序如何响应缩小的空间非常有用.

DevTools键盘检查

为了测试带有上下文的键盘的正确行为,我建议使用XCode和Android模拟器,或者更好地使用真实设备.

请参阅: 测试响应和设备特定的视口

  • 这似乎不再是一种选择?单击旋转图标不会显示菜单,它只是旋转。还是我错过了什么? (4认同)
  • 选择 Nexus 5 作为我的设备时,我只能看到键盘选项。所有其他设备只需单击按钮即可旋转。 (3认同)
  • 不要使用 Android 模拟器进行调试。它缺少一些用于渲染的关键 GL 内容,这使其默认关闭,并且您无法真正轻松地将 Chrome 放入其中。也包含在其中的股票浏览器来自该版本 Android 的发货时间。因此它很容易过时,因此您的应用程序可能无法在其中正常工作,因为它是具有更新系统堆栈的实际设备。 (2认同)
  • 使用 2019 年的 Chrome 75 和键盘(通过屏幕选项图标)似乎只有在选择 Nexus 5 时才可用。但该虚拟键盘未激活。无法点击字母进行输入。 (2认同)