美文网首页
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