欢迎各位兄弟 发布技术文章
这里的技术是共享的
var agt = navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_gecko= (navigator.product == "Gecko");
var is_webkit=agt.indexOf('webkit')>-1;
var is_safari = (agt.indexOf('chrome')==-1)&&is_webkit;
var is_ie6 = is_ie && /msie (\d)\./.test(agt) && parseInt(RegExp.$1) < 7;
var is_ie7 = is_ie && /msie (\d)\./.test(agt) && parseInt(RegExp.$1) == 7;
在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>
来自 http://www.2cto.com/kf/201108/101121.html
JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照自己的要求进行修改。
第一种方法:
01 | var Browser= new Object(); |
02 | Browser.isMozilla=( typeof document.implementation!= 'undefined' )&&( typeof document.implementation.createDocument!= 'undefined' )&&( typeof HTMLDocument!= 'undefined' ); |
03 | Browser.isIE=window.ActiveXObject ? true : false ; |
04 | Browser.isFirefox=(navigator.userAgent.toLowerCase().indexOf( "firefox" )!=-1); |
05 | Browser.isSafari=(navigator.userAgent.toLowerCase().indexOf( "safari" )!=-1); |
06 | Browser.isOpera=(navigator.userAgent.toLowerCase().indexOf( "opera" )!=-1); |
07 | function check(){ |
08 | alert(Browser.isIE? 'ie' : 'not ie' ); |
09 | alert(Browser.isFirefox? 'Firefox' : 'not Firefox' ); |
10 | alert(Browser.isSafari? 'Safari' : 'not Safari' ); |
11 | alert(Browser.isOpera? 'Opera' : 'not Opera' ); |
12 | } |
13 | window.onload=check; |
第二种方法:
01 | function isBrowser(){ |
02 | var Sys={}; |
03 | var ua=navigator.userAgent.toLowerCase(); |
04 | var s; |
05 | (s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]: |
06 | (s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]: |
07 | (s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]: |
08 | (s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]: |
09 | (s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0; |
10 | if (Sys.ie){ //Js判断为IE浏览器 |
11 | alert( 'http://www.phpernote.com' +Sys.ie); |
12 | if (Sys.ie== '9.0' ){ //Js判断为IE 9 |
13 | } else if (Sys.ie== '8.0' ){ //Js判断为IE 8 |
14 | } else { |
15 | } |
16 | } |
17 | if (Sys.firefox){ //Js判断为火狐(firefox)浏览器 |
18 | alert( 'http://www.phpernote.com' +Sys.firefox); |
19 | } |
20 | if (Sys.chrome){ //Js判断为谷歌chrome浏览器 |
21 | alert( 'http://www.phpernote.com' +Sys.chrome); |
22 | } |
23 | if (Sys.opera){ //Js判断为opera浏览器 |
24 | alert( 'http://www.phpernote.com' +Sys.opera); |
25 | } |
26 | if (Sys.safari){ //Js判断为苹果safari浏览器 |
27 | alert( 'http://www.phpernote.com' +Sys.safari); |
28 | } |
29 | } |
另外关于如何使用jquery php判断浏览器类型可参照如下两篇文章: