当前位置:   article > 正文

原生JS获取当前浏览器版本以及版本号_鸿蒙系统 navigator.useragent

鸿蒙系统 navigator.useragent

本博客主要讲如何用原生JS获取当前浏览器版本以及版本号,其实,也不难,主要是做的判断比较多。
主要是用 window.navigator.userAgent 获取。
话不不多说,看代码说话。
(一)简单获取浏览器的版本信息

// 获取浏览器名称,不准确的
alert(  window.navigator.appName );

// window.navigator.userAgent 准确获取浏览器的信息
alert(  window.navigator.userAgent );
  • 1
  • 2
  • 3
  • 4
  • 5

(二)区分不同的浏览器,不区分版本号。(一般用到这就可以了)

function testBrowser(){
    //取得浏览器的userAgent字符串
    var userAgent = navigator.userAgent;
    var isOpera = userAgent.indexOf("Opera") > -1;

    //谷歌
    if (userAgent.indexOf("Chrome") > -1){
      return "Chrome";
    };

    //火狐
    if (userAgent.indexOf("Firefox") > -1) {
        return "Firefox";
    };

    //ie
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
        return "IE";
    };

    //Opera
    if (isOpera) {
        return "Opera"
    }; 

    //Safari
    if (userAgent.indexOf("Safari") > -1) {
        return "Safari";
    };
}
//调用函数实现
var broweser = testBrowser();
if ("Chrome" == broweser) {
    alert("谷歌浏览器");
};
if ("Firefox" == broweser) {
    alert("火狐浏览器");
};
if ("IE" == broweser) {
    alert("IE浏览器");
};
if ("Opera" == broweser) {
    alert("Opera");
};
if ("Safari" == broweser) {
    alert("Safari");
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47

(三)判断当前浏览器和版本号

alert(  window.navigator.userAgent );
  • 1

想了一下,要个版本号干嘛呢?
没必要啊。
直接通过 navigator.userAgent 获取版本号,看看就好,这个在开发中都没什么用。
获取不同的浏览器版本号主要是为了解决在一些不同的浏览器中自身的特殊问题。如,谷歌浏览器最小字体只能是12px,UC浏览器的字体自动优化等。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/307039
推荐阅读
相关标签
  

闽ICP备14008679号