谷歌 Chrome 手机模拟器: 如何在屏幕键盘上显示

我正在通过 Chrome 的移动仿真工具调试我们网站的移动版本,但是不知道如何让屏幕上的键盘在选择文本字段时弹出。

我点击了文本框,但是没有弹出键盘。如果我在移动设备上这样做,默认的输入方法(键盘)就会弹出,允许我输入。

有办法复制这个吗?

114019 次浏览

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

注意: 我必须设置它使用触摸事件时使用它与 Sencha 触摸应用程序我正在工作。

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

Chrome 开发工具对模拟不同设备状态的支持有限:

  • 默认浏览器用户界面
  • 使用 Chrome 导航栏
  • 打开键盘

根据 文件,这样的功能只有在模拟 “支持的设备,如 Nexus 5X”时才可用。

支持这一特性的仿真设备的完整列表可以在 Chromium devtools-前端源代码(GitHub 上的镜子)找到。 目前,只有:

  • Nexus 5
  • Nexus 5X

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

Screenshot of Chrome Developer Tools

键盘仿真似乎不再可用(2021年7月)

我测试的 Chrome 扩展只是添加了一个键盘,但它们完全不模拟任何移动渲染。