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

我正在通过Chrome的“移动仿真”工具debugging我们网站的移动版本,但是在select文本字段时无法弄清楚如何popup屏幕上的键盘。

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

有没有办法来复制这个?

2 Solutions collect form web for “Google Chrome移动模拟器:如何在屏幕键盘上显示”

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

  • 默认浏览器UI
  • 用Chrome导航栏
  • 随着打开键盘

根据文档 ,此function仅在模拟“支持的设备,如Nexus 5X”时才可用。

在Chromium源代码中可以find支持此function的仿真设备的完整列表。 目前,它只支持:

  • Nexus 5
  • Nexus 5X

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

Chrome开发者工具的屏幕截图

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

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

还有一些其他的,所以只要在铬扩展区域search“虚拟键盘”,并select你喜欢的。

  • Chrome开发工具:来自JavaScript的文件
  • 我可以告诉Chrome脚本debugging器忽略jquery.js吗?
  • 每次打开Chrome DevTools时,如何保持默认隐藏“控制台抽屉”?
  • 如何在Chrome开发者工具中禁用JavaScript
  • Chrome开发者工具自更新32.0.1700.76 m以来未响应
  • 谷歌浏览器的两种元素风格之间的差异
  • 如何在新窗口中打开Chrome开发人员工具?
  • Chromedebugging - 打开下一个点击事件
  • 最好的XPath工具
  • 检查Chrome浏览器中的hover元素?
  • Chrome开发者控制台中的奇怪错误 - 无法加载资源:net :: ERR_CACHE_MISS