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

Posted 2023-03-07

【中文标题】Google Chrome 移动模拟器：如何在屏幕键盘上显示

【英文标题】：Google Chrome Mobile Emulator: How to show on screen keyboard

【发布时间】：2015-06-20 15:47:55

【问题描述】：

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

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

有没有办法复制这个？

【参考方案1】：

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

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

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

还有很多其他的，所以只需在 chrome 扩展区域中搜索“虚拟键盘”并选择您喜欢的。

【讨论】：

有效！与默认键盘不完全相同，但看起来很棒。谢谢！

这现在是一个死链接，真是太可惜了。正是我需要的！呜呜呜。

这个问题已经足够接近了：***.com/questions/38386215/…

@BryanRayner，当链接复活时很好。添加了重定向。

【参考方案2】：

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

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

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

可以在Chromium devtools-frontend source-code (mirror on GitHub) 找到支持此功能的模拟设备的完整列表。 目前仅支持：

Nexus 5 Nexus 5X

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

【讨论】：

请注意，这仍然不能模拟键盘的行为（选择输入时不调出键盘，不调整滚动位置）。

这似乎已在 Chrome 68+ 中被删除 :( 不，它会帮助我调试我正在尝试修复的拼写检查延迟错误。

已弃用。不再支持虚拟键盘。 developers.google.com/web/tools/chrome-devtools/device-mode/…

我使用的是 chromium v​​79，可以确认键盘适用于 Nexus 5s

截至 2021 年 8 月仍存在于 Chrome 93 中。而且我没有看到任何迹象表明它在上述参考中被弃用。它消亡的谣言可能被夸大了。 ;)

【参考方案3】：

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

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