Google Chrome移动模拟器:如何在屏幕键盘上显示

我正在通过Chrome的“移动仿真”工具debugging我们网站的移动版本,但是在select文本字段时无法弄清楚如何popup屏幕上的键盘。

我点击了文本框,但没有popup键盘。 如果我在移动设备上执行此操作,则会popup默认input法(键盘)并允许我键入。

有没有办法来复制这个?

最新的Chrome开发者工具增加了对模拟不同设备状态的支持:

  • 默认浏览器UI
  • 用Chrome导航栏
  • 随着打开键盘

根据文档 ,此function仅在模拟“支持的设备,如Nexus 5X”时才可用。

在Chromium源代码中可以find支持此function的仿真设备的完整列表。 目前,它只支持:

  • Nexus 5
  • Nexus 5X

请注意,仿真的键盘和导航栏只是静态图片(您可以在源代码目录中看到),并且不包含任何交互行为。 这是一个很好的方法来模拟屏幕大小,但它不是一个完美的模拟。

Chrome开发者工具的屏幕截图

我最近来的是使用虚拟键盘扩展:“Chrome虚拟键盘”

注意:当我使用Sencha Touch应用程序时,必须将其设置为使用触摸事件。

还有一些其他的,所以只要在铬扩展区域search“虚拟键盘”,并select你喜欢的。