google-chrome - 谷歌浏览器移动模拟器: How to show on screen keyboard

Question

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

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

有办法复制这个吗？

Answer 1

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

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

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

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

• Nexus 5
• Nexus 5X

请注意，模拟键盘和导航栏只是静态图片(如您在源代码目录中看到的那样)，并且不包含任何交互行为。这是模拟屏幕尺寸的足够好的方法，但它并不是完美的模拟。