美文网首页
javascript判断浏览器和终端类型,js如何区分手机、电脑

javascript判断浏览器和终端类型,js如何区分手机、电脑

作者: Yumazhiyao | 来源:发表于2017-01-06 17:43 被阅读112次

    判断浏览器类型

    [javascript] view plain copy 在CODE上查看代码片派生到我的代码片
     if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) //  firefox  
    {  
    }  
    else if ( document.all && "object" == typeof( window.external ) )   //  ie  
    {  
    }  
    

    js用来区别IE与其他浏览器及IE6-8之间的方法。

    1、document.all
    2、!!window.ActiveXObject;使用方法如下:if (document.all){alert(”IE浏览器”);}else{alert(”非IE浏览器”);}if (!!window.ActiveXObject){alert(”IE浏览器”);}else{alert(”非IE浏览器”);}下面是区别IE6、IE7、IE8之间的方法:var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!isIE6&&!isIE8;if (isIE){if (isIE6){alert(”ie6″);}else if (isIE8){alert(”ie8″);}else if (isIE7){alert(”ie7″);}}首先我们确保这个浏览器为IE的情况下,进行了在一次的检测,如果你对此有怀疑,可以测试一下。我这里就直接使用在判断中了,你也可以将他们先进行声明成变量进行使用。据说火狐以后也会加入document.all这个方法,所以建议使用第二种方法,应该会安全一些。
    用navigator.userAgent.indexOf()来区分多浏览器,代码示例如下:

    [javascript] view plain copy 在CODE上查看代码片派生到我的代码片

    <coding-1 lang="other">  
    <script type="text/javascript">  
    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或者QQHD浏览器   
    iPad: u.indexOf('iPad') > -1, //是否iPad   
    webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部   
    };  
    }()  
    }  
      
    document.writeln(" 是否为移动终端: "+browser.versions.mobile);  
    document.writeln(" ios终端: "+browser.versions.ios);  
    document.writeln(" android终端: "+browser.versions.android);  
    document.writeln(" 是否为iPhone: "+browser.versions.iPhone);  
    document.writeln(" 是否iPad: "+browser.versions.iPad);  
    document.writeln(navigator.userAgent);   
    </script>  
    </coding>  
    

    JavaScript不管是判断PC浏览器还是手机浏览器,都是通过User Agent 来判断。

    相关文章

      网友评论

          本文标题:javascript判断浏览器和终端类型,js如何区分手机、电脑

          本文链接:https://www.haomeiwen.com/subject/bslxbttx.html