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

Question

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

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

有没有办法复制这个？

Answer 1

我最接近的是使用以下虚拟键盘扩展："Chrome Virtual Keyboard"

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

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

还有很多其他的，所以只需在 chrome 扩展区域中搜索 "virtual keyboard" 并选择您喜欢的。

Answer 2

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

• 默认浏览器UI
• 带Chrome导航栏
• 打开键盘

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

可在 Chromium devtools-frontend source-code (mirror on GitHub) 找到支持此功能的仿真设备的完整列表。 目前只有支持：

• 连结 5
• 连结 5X

请注意，模拟的键盘和导航栏只是静态图片（如您在源代码目录中所见），不包含任何交互行为。这是模拟屏幕尺寸的好方法，但不是完美的模拟。

Answer 3

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

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