判断用户环境/是否为 Chrome 浏览器
背景
toB 业务系统只打算兼容 Chrome,其他浏览器层出不穷的兼容问题不打算考虑。新版 Edge 和 Chrome 特性基本一致,所以不考虑细分判断 Edge 。
方案
使用下述判断基本满足条件(PC 和 移动端的 Chrome/Edge 访问)。
1 | isChrome = /Chrome/.test(navigator.userAgent) || /CriOS/.test(navigator.userAgent); |
示例页面:https://zzyxka.github.io/pages/browser-ua/index.html
CriOS
主要是为了判断 IOS 移动端 Chrome,原计划是通过 window.chrome
来判断,但经过测试发现,IOS 下的 Chrome,既没有 window.chrome
对象,又没有 包含 Chrome
的 userAgent。
找到两个相对官方答案如下: