常見瀏覽器終端檢測

zhaot發表於2019-01-11
瀏覽器

移動端常見瀏覽器

var tools = {
  // 微信
  is_wxBrowser: function () {
    return /micromessenger/.test(navigator.userAgent.toLowerCase());
  },
  // qq
  is_QQBrowser: function () {
    return navigator.userAgent.toLowerCase().match(/QQ/i) == `qq`
  },
  // 微博
  is_wbBrowser: function () {
    return navigator.userAgent.toLowerCase().match(/WeiBo/i) == "weibo"
  },
  is_iOS: function () {
    return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
  },
  is_android: function () {
    return /android/i.test(navigator.userAgent);
  },
};

使用方式

輸出 true|| false

// 判斷當前是否在微信中
console.log(tools.is_wxBrowser()) // false

PC端常見瀏覽器檢測

var tools = {
browser: () => {
    const userAgent = navigator.userAgent; //取得瀏覽器的userAgent字串
    const isOpera = userAgent.indexOf("Opera") > -1;
    if (isOpera) {
      return "Opera"
    }
    //判斷是否Opera瀏覽器
    if (userAgent.indexOf("Firefox") > -1) {
      return "FF";
    } //判斷是否Firefox瀏覽器
    if (userAgent.indexOf("Chrome") > -1) {
      return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
      return "Safari";
    } //判斷是否Safari瀏覽器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
      return "IE";
    } //判斷是否IE瀏覽器
  },
}

使用方式

輸出具體瀏覽器別名

console.log(tools.browser()); // Chrome -> Chrome瀏覽器

相關文章