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

Question

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

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

有没有办法复制这个？

Answer 1

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

根据文档,此功能仅在模拟"支持的设备(如Nexus 5X)"时可用.

可以在Chromium源代码中找到支持此功能的完整模拟设备列表.目前,它仅受以下支持:

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

请注意,这仍然不会模拟键盘的行为(选择输入时不会调出键盘,也不会调整滚动位置). (17认同)
和你们许多人一样，我对这个答案感到困惑；当我单击方向图标时，它只是将手机从纵向/横向旋转。**您必须模拟 Nexus 5，默认情况下禁用。** 单击尺寸→编辑，选中“Nexus 5”，然后在“尺寸”菜单下选择“Nexus 5”，然后方向图标将显示一个菜单。 (17认同)
这似乎已在Chrome 68+中删除了:(不,它会帮助我调试我正在尝试解决的拼写检查延迟错误. (16认同)
我使用的是 chromium v79，可以确认键盘适用于 Nexus 5s (11认同)
这已被弃用。不再支持虚拟键盘。https://developers.google.com/web/tools/chrome-devtools/device-mode/#orientation (5认同)
截至 2021 年 8 月，该功能仍存在于 Chrome 93 中。并且在上述参考资料中，我没有看到任何迹象表明它已被弃用。关于其消亡的传言可能有些夸大其词。;) (3认同)

Answer 2

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

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

Answer 3

我最接近的是使用虚拟键盘扩展程序:"Chrome虚拟键盘"

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

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