如何检测仅适用于移动设备的 Chrome

How can I detect Chrome for mobile devices only?

本文关键字:移动 Chrome 适用于 何检测 检测      更新时间:2023-09-26

我想只在移动设备上检测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/