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


94

我正在通过Chrome的“移动仿真”工具调试网站的移动版本,但无法确定选择文本字段时如何弹出屏幕键盘。

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

有办法复制吗?

Answers:


148

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

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

根据文档,此功能仅在模拟“受支持的设备(如Nexus 5X)”时可用。

支持此功能的仿真设备的完整列表可以在Chromium devtools-frontend源代码在GitHub上镜像)中找到。目前,仅受以下支持:

  • Nexus 5
  • Nexus 5X

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

Chrome开发者工具的屏幕截图


这几乎完美地工作。键盘不使用光标所在的位置,而是默认使用网页的导航栏,但是页面的压缩效果很好。-谢谢
亚伦·赫尔曼

19
请注意,这仍然不能为键盘的行为建模(选择输入时不调出键盘,不调整滚动位置)。
dlsso 2016年

18
已经在Chrome 68+ :(没有删除这似乎是它会帮助我debugg拼写检查延迟错误我试图修复。
雷福斯


7
我使用的是铬v79,可以确认Nexus 5s的键盘是否可用
Marcin

16

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

注意:与正在使用的Sencha Touch应用程序一起使用时,我必须将其设置为使用触摸事件。

还有很多其他功能,因此只需在Chrome扩展程序区域中搜索“虚拟键盘”,然后选择所需的内容即可。


1
作品!与默认键盘不完全相同,但看起来不错。谢谢!
亚伦·赫尔曼

现在这是一个死链接,这是一个很大的耻辱。正是我需要的!哎呀。
JPollock '16

1
这个问题是足够接近:stackoverflow.com/questions/38386215/...
JPollock

1
@BryanRayner,当链接复活时很好。添加了重定向。
AnthonyVO
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.