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

Question

我通过Chrome的移动仿真工具调试我们网站的移动版本，但无法弄清楚如何在选择文本字段时弹出屏幕键盘。

我点击了文本框，但没有弹出键盘。如果我在移动设备上执行此操作，则弹出默认输入法（键盘）并允许我键入。

有没有办法复制这个？

Answer 1

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

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

根据documentation，此功能仅在模拟“支持的设备（如Nexus 5X”）时可用。

可以在Chromium source-code找到支持此功能的完整模拟设备列表。目前，它仅受以下支持：

• Nexus 5
• Nexus 5X

请注意，模拟键盘和导航栏只是静态图片（您可以在source-code directory看到）并且不包含任何交互行为。这是一种模拟屏幕尺寸的好方法，但它不是一个完美的模拟。

Answer 2

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

• http://xontab.com/Apps/VirtualKeyboard或
• http://xontab.azurewebsites.net/VirtualKeyboard

注意：在使用我正在使用的Sencha Touch应用程序时，我必须将其设置为使用触摸事件。

还有很多其他人只需在Chrome扩展区域中搜索“虚拟键盘”并选择您喜欢的内容。

Answer 3

键盘模拟似乎不再可用（2021 年 7 月）

我测试的 Chrome 扩展程序只是添加了一个键盘，但它们根本不模拟任何移动渲染。