首页 > web前端 > jquery判断浏览器类型

jquery判断浏览器类型

2013-08-11 toyean web前端 3人评论 3815人浏览

使用jquery判断浏览器需要使用语法:$.browser.['浏览器关键字']

判断各浏览器的语法示例:

$(function() { 
if($.browser.msie) { 
alert("this is msie"); 
} 
else if($.browser.safari) 
{ 
alert("this is safari!"); 
} 
else if($.browser.mozilla) 
{ 
alert("this is mozilla!"); 
} 
else if($.browser.opera) { 
alert("this is opera"); 
} 
else { 
alert("i don't konw!"); 
}

除此以外我们还可以使用HTML的注释格式来判断浏览器类型,比如在IE6浏览器中提示用户升级来达到更好的显示效果:

<!--[if IE 6]> 
<p>您正在使用IE6访问此页面,为了达到更好的显示效果,请升级您的浏览器版本!</p> 
<![endif]-->

HTML的注释格式还可以像JQuery一样使用大于、等于或小于等操作符:

[if IE] 判断是否IE

[if !IE] 判断是否不是IE

[if lt IE 5.5] 判断是否是IE5.5 以下版本

[if lte IE 6] 判断是否IE6或以下版本

[if gt IE 5] 判断是否IE5以上版本

[if gte IE 7] 判断是否IE7或以上版本

[if IE 7] 判断是否是IE7

[if !(IE 7)] 判断是否不是IE7

[if (gt IE 5)&(lt IE 7)] 判断是否IE5以上且IE7以下

[if (IE 6)|(IE 7)] 判断是否IE6或者IE7

<!--[if IE]><p>您正在使用IE浏览器</p><![endif]--> 
<![if !IE]><p>您使用的不是IE浏览器!</p><![endif]>
<!--[if (IE 5)]><p>您正在使用IE5浏览器!</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>您在使用IE5.5或IE6浏览器!</p><![endif]-->
<!--[if lt IE 5.5]><p>您正在使用IE5以下版本浏览器</p><![endif]-->
<!--[if IE 7]><p>您正在使用IE7浏览器!</p><![endif]-->
<!--[if !(IE 7)]><p>您使用的不是IE7浏览器!</p><![endif]--> 
<!--[if gte IE 7]><p>您在使用IE7或以上版本浏览器!</p><![endif]-->
打赏

评论列表

zuidaima  3年前 (2014-04-26) 回复该评论
请参考代码:通过js框架jquery判断IE浏览器版本来解决浏览器兼容性问题,下载地址:http://www.zuidaima.com/share/1755373161352192.htm
zuidaima
zuidaima  3年前 (2014-06-18) 回复该评论
请参考代码:通过js框架jquery判断IE浏览器版本来解决浏览器兼容性问题,下载地址:http://www.zuidaima.com/share/1755373161352192.htm
zuidaima
zuidaima  4个月前 (02-24) 回复该评论
请参考代码:通过js框架jquery判断IE浏览器版本来解决浏览器兼容性问题,下载地址:http://www.zuidaima.com/share/1755373161352192.htm
zuidaima

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

拓源网官方微信
关注拓源网微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: