zoukankan      html  css  js  c++  java
  • JS判断浏览器类型与版本

    这个东西在跨平台前端开发很有用:

    在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:
    1、判断浏览器是否为IE
            document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0;
            navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。
            navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。
    2、判断IE版本
            navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6;
            navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;
            navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7;
            navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上;
            navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8;
            navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。
    3、JS获取浏览器信息
            浏览器代码名称:navigator.appCodeName
            浏览器名称:navigator.appName
            浏览器版本号:navigator.appVersion
            对Java的支持:navigator.javaEnabled()
            MIME类型(数组):navigator.mimeTypes
            系统平台:navigator.platform
            插件(数组):navigator.plugins
            用户代理:navigator.userAgent
     
    DEMO:
    Js代码 
    <script language="JavaScript">  
        <!--  
    function getOs()  
    {  
        var OsObject = "";  
       if(navigator.userAgent.indexOf("MSIE")>0) {  
            return "MSIE";  
       }  
       if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){  
            return "Firefox";  
       }  
       if(isSafari=navigator.userAgent.indexOf("Safari")>0) {  
            return "Safari";  
       }   
       if(isCamino=navigator.userAgent.indexOf("Camino")>0){  
            return "Camino";  
       }  
       if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){  
            return "Gecko";  
       }  
        
    }  
     alert("您的浏览器类型为:"+getOs());  
        -->  
    </script> 

  • 相关阅读:
    数据结构 字符串的长度
    滚动条
    git push 一直卡在 writing objects 然后 就提交失败 提示:unexpected-disconnect-while-reading-sideband-packet
    vue中的防抖和节流
    html5中output元素详解
    手写 apply call bind 三个方法
    js中的陷阱!!!
    display:inline-block元素之间空隙的产生原因和解决办法
    git push到Gitee的时候上传不成功,可能是本地文件夹与远程仓库不同步
    axios没有实现jsonp这个功能,基于axios自己扩展一个
  • 原文地址:https://www.cnblogs.com/liflying/p/4253364.html
Copyright © 2011-2022 走看看