如何检测仅适用于移动设备的 Chrome
How can I detect Chrome for mobile devices only?
我想只在移动设备上检测Chrome,例如Android的Chrome,iOS的Chrome。什么是可靠的方法?
编辑1:如果你想知道为什么...
移动版的Chrome在地址栏显示/隐藏时烦人地更改视口高度。由于我的网站严重依赖vh单元,因此在Android版Chrome和iOS版Chrome上滚动时的用户体验很丑陋。
我的解决方案是将整个站点包装在一个高度有限的容器中,并将滚动降级到它。这可以防止窗口滚动,从而防止地址栏隐藏。唯一的问题是在桌面浏览器上滚动变得有问题,因为我的布局包含固定元素,这些元素会遮挡包装容器的滚动条。鉴于我可能永远找不到该问题的解决方案,对我来说最好的方法是在移动设备上检测Chrome,然后才应用新布局。
编辑2:这个问题中给出的答案对我不起作用。他们甚至在Safari和库存浏览器上检测Chrome。
在user-agent-string中搜索并查找Chrome和(Android或iOS)。更多信息: http://www.useragentstring.com/
相关文章:
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- XMLHttpRequest在移动设备上的chrome上不起作用
- 移动Chrome和Safari之间的页面滚动不一致
- Chrome扩展:将下载的文件移动到输入字段
- jQuery:jQuery.val()在移动Safari和Chrome中不起作用
- 如何防止下拉刷新移动chrome
- 触摸事件因 Chrome 移动模拟器中的 ReactJS 升级而中断
- 砌体在移动浏览器(chrome)上不起作用,并且仅在Chrome桌面版本上有效,如果我重新加载(ctrl + f5)页面
- Chrome 扩展程序与移动设备之间通过本地网络进行安全通信
- 移动版 Chrome 上的 IFrame 播放器 API
- 如何在chrome浏览器中的输入字段中使用只读属性时启用光标移动
- Chrome 会在我移动窗口时隐藏我的窗口
- Chrome.extension API 在移动版 Chrome 上是否可用
- Bootstrap 3提交按钮不在Android移动Chrome浏览器中工作
- 如何在桌面和移动Chrome用户代理之间进行检测
- 背景大小:覆盖导致背景图像在移动Chrome触摸调整大小
- 如何打开移动chrome浏览器与javascript或html
- HTML5通知不工作在移动Chrome
- 隐藏移动Chrome上的键盘;t改变车窗高度
- 套接字.Emit在移动chrome中不工作(但它在隐身模式下工作)