识别主流浏览器

最新推荐文章于 2024-06-18 09:46:40 发布

原创最新推荐文章于 2024-06-18 09:46:40 发布 · 327 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用JavaScript检测客户端浏览器类型及版本信息的方法，并针对不同设备进行了适配调整。通过解析User-Agent字符串来判断浏览器内核、是否为移动设备、iOS或Android系统等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getInfoOfClient () {
      var browser={
        versions: function () {
          var u = navigator.userAgent,
              app = navigator.appVersion
          return { // 移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, // IE内核
            presto: u.indexOf('Presto') > -1, // opera内核
            webKit: u.indexOf('AppleWebKit') > -1, // 苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, // 火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), // 是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, // android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, // 是否为iPhone或者QQ HD浏览器
            iPad: u.indexOf('iPad') > -1, // 是否iPad
            webApp: u.indexOf('Safari') == -1 // 是否web应该程序，没有头部与底部
          }
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
      }
      // alert("语言版本: " + browser.language)
      // alert(" 是否为移动终端: " + browser.versions.mobile)
      // alert(" ios终端: " + browser.versions.ios)
      // alert(" android终端: " + browser.versions.android)
      // alert(" 是否为iPhone: " + browser.versions.iPhone)
      // alert(" 是否iPad: " + browser.versions.iPad)
      // alert(navigator.userAgent)

      if (browser.versions.iPhone) {
        document.querySelector('.mint-search input').style.top = '-2px'
        document.querySelector('i.mintui-search').style.top = 0
      }
    }