• js如何获取浏览器类型及版本信息?
  • 发布于 1周前
  • 30 热度
    0 评论
  • 卧龙生
  • 0 粉丝 21 篇博客
  •   

前言:

现在的浏览器五花八门,各种浏览器的兼容性问题是作为前端最为头疼的事情,所以我们在构建系统时经常需要先获取客户的浏览器类型和版本等信息,对于不符合要求的浏览器给出升级提示或者提示换浏览器。今天我们就总结一段用js获取浏览器类型和版本信息的代码样例。


JS获取浏览器类型代码:
// 堆代码 duidaima.com
const getExplorerInfo = () => {
  let t = navigator.userAgent.toLowerCase();
  return 0 <= t.indexOf("msie")
    ? {
        //ie < 11
        type: "IE",
        version: Number(t.match(/msie ([\d]+)/)[1]),
      }
    : !!t.match(/trident\/.+?rv:(([\d.]+))/)
    ? {
        // ie 11
        type: "IE",
        version: 11,
      }
    : 0 <= t.indexOf("edge")
    ? {
        type: "Edge",
        version: Number(t.match(/edge\/([\d]+)/)[1]),
      }
    : 0 <= t.indexOf("firefox")
    ? {
        type: "Firefox",
        version: Number(t.match(/firefox\/([\d]+)/)[1]),
      }
    : 0 <= t.indexOf("chrome")
    ? {
        type: "Chrome",
        version: Number(t.match(/chrome\/([\d]+)/)[1]),
      }
    : 0 <= t.indexOf("opera")
    ? {
        type: "Opera",
        version: Number(t.match(/opera.([\d]+)/)[1]),
      }
    : 0 <= t.indexOf("Safari")
    ? {
        type: "Safari",
        version: Number(t.match(/version\/([\d]+)/)[1]),
      }
    : {
        type: t,
        version: -1,
      };
};

总结:

以上就是基于js实现的检查用户浏览器类型及版本信息的代码样例。谢谢阅读!

用户评论