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

Question

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

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

谢谢！

Answer 1

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

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

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

请参阅： Test Responsive and Device-specific Viewports