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你喜欢的。

  • Chromedebugging器的分析器中的“(程序)”是什么?
  • 在Google Chrome中查看HTTP标头?
  • Facebook如何禁用浏览器的集成开发者工具?
  • 在Google Chrome控制台中查看所有JavaScriptvariables的列表
  • 如何检查Chromedebugging器中的JavaScript函数返回值?
  • 在Chrome扩展中,从background.js读取控制台消息的位置?
  • 为什么Chrome在jQuery中的某一行暂停?
  • Chrome开发者工具:查看控制台和来源视图在不同的视图/垂直平铺?
  • 我如何debuggingNode.js应用程序?
  • 安装devtools软件包的问题
  • 是否可以隐藏Chrome网页检查器networking选项卡中的扩展资源?