Javascript判断客户端是Android还是IOS，判断浏览器类型

Posted 2021-03-05 请给我一杯冰可乐

摘要

　　当在判断当前客户端是什么类型时，我们就可以根据客户端自带的UA标识，搭配正则判断机制来判断当前的客户端是什么设备。今天就分享下如何通过javascript来获取客户端的UA标识，并判断客户端类型。

内容

一、判断手机端是什么类型设备：

  // 获取浏览器的userAgent
  const u = navigator.userAgent;
  // Android设备
  const isIos = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
  // IOS设备
  const isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1;

二、判断pc端浏览器是什么类型：

  // 获取浏览器的userAgent
  const ua = navigator.userAgent;
  // IE浏览器
  const isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1;
  // 火狐浏览器
  const isFirefox = ua.indexOf("Firefox") != -1;
  // Opera浏览器
  const isOpera = window.opr != undefined;
  // 谷歌浏览器
  const isChrome = ua.indexOf("Chrome") && window.chrome;
  // Safari浏览器
  const isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1;