【发布时间】:2015-06-20 15:47:55
【问题描述】:
我正在通过 Chrome 的移动仿真工具调试我们网站的移动版本,但不知道如何在选择文本字段时弹出屏幕键盘。
我点击了文本框,但没有弹出键盘。如果我在移动设备上执行此操作,则会弹出默认输入法(键盘)并允许我输入。
有没有办法复制这个?
【问题讨论】:
标签: google-chrome mobile google-chrome-devtools
我正在通过 Chrome 的移动仿真工具调试我们网站的移动版本,但不知道如何在选择文本字段时弹出屏幕键盘。
我点击了文本框,但没有弹出键盘。如果我在移动设备上执行此操作,则会弹出默认输入法(键盘)并允许我输入。
有没有办法复制这个?
【问题讨论】:
标签: google-chrome mobile google-chrome-devtools
我最接近的是使用虚拟键盘扩展:“Chrome 虚拟键盘”
注意:在我正在开发的 Sencha Touch 应用程序中使用它时,我必须将其设置为使用触摸事件。
还有很多其他的,所以只需在 chrome 扩展区域中搜索“虚拟键盘”并选择您喜欢的。
【讨论】:
Chrome 开发者工具对模拟不同设备状态的支持有限:
根据documentation,该功能仅在模拟“支持的设备,如 Nexus 5X”时可用。
可以在Chromium devtools-frontend source-code (mirror on GitHub) 找到支持此功能的模拟设备的完整列表。 目前仅支持:
请注意,模拟的键盘和导航栏只是静态图片(您可以在源代码目录中看到)并且不包含任何交互行为。这是一种模拟屏幕尺寸的好方法,但它不是一个完美的模拟。
【讨论】:
键盘模拟似乎不再可用(2021 年 7 月)
我测试的 Chrome 扩展程序只是添加了一个键盘,但它们根本不模拟任何移动渲染。
【讨论】: