Fizzy Zhang

本文目录

  1. 背景
  2. 方案

判断用户环境/是否为 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。

找到两个相对官方答案如下:

Chrome Developers / User-Agent Strings
Chrome Developers / User-Agent Strings

Chromium Docs

Chromium Docs