js判断pc端各类浏览器类型

最新推荐文章于 2023-07-10 16:21:25 发布

原创

最新推荐文章于 2023-07-10 16:21:25 发布 · 850 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#navigator #userAgent #浏览器类型

前言：

pc端的浏览器众多，有时候兼容性不太一样，那么我们就需要判断下浏览器的类型来做兼容性处理。
我特地下载了常用的浏览器来进行测试，注意这里我并没有测试各浏览器的各个版本，只是就当前下载的版本来测试的。可能会存在低版本校验不正确的情况，所以如果需要测试自行按照下面的方式进行测试判断。

主要是判断 navigator.userAgent 中每个浏览器独特存在的信息字符。

下面进行测试的浏览器有：
火狐浏览器、谷歌浏览器、360浏览器、Opera浏览器、Edge、QQ浏览器、UC浏览器、safari浏览器、IE11、IE7~IE10

  // 火狐浏览器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0

  // 谷歌浏览器
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

  // 360极速浏览器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

  // 360安全浏览器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

  // Edge浏览器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18363

  // Opera浏览器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36 OPR/68.0.3618.63

  // QQ浏览器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3756.400 QQBrowser/10.5.4039.400

  // safari浏览器
  // Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

  // UC浏览器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/6.2.4098.3 Safari/537.36

  // IE11：
  // Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko

  // IE10：
  // Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE9：
  // Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE8：
  // Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE7及其以下：
  // Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  function myBrowser() {
   
   
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    console.log(userAgent