jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用
jquery判断浏览器的源码(jquery1.31为例)
- var userAgent = navigator.userAgent.toLowerCase();
- // Figure out what browser is being used
- jQuery.browser = {
- version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
- safari: /webkit/.test( userAgent ),
- opera: /opera/.test( userAgent ),
- msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
- mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
- };
version---浏览器版本
msie----ie浏览器(Microsoft Internet Explorer)
mozilla-火狐浏览器
opera--opera浏览器
- var userAgent = navigator.userAgent.toLowerCase();
- browser={
- version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
- safari: /webkit/.test( userAgent ),
- opera: /opera/.test( userAgent ),
- msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
- mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
- }
调用的时候和jquery一样,只不过把$符号取掉就行了
引用自:http://www.zdbase.com/content/detail.aspx?OID=F50C5170-4793-4C42-966C-823D48DA5879
用Jquery来判断浏览器的类型,如果只是仅仅为了判断浏览器的类型而使用该方法,那么不建议使用,只是在你已经使用了jquery才建议使用,因为没必要因为这么小的一个功能就加载那么大的类库吧。
建议学习jquery的朋友学习下,了解一下思路。
主要使用的方法:$.browser.['浏览器关键字']
代码如下:
<script type="text/javascript"> $(function() { if($.browser.msie) { $( function() { alert("this is msie"); }); } else if($.browser.safari) { $( function() { alert("this is safari!"); }); } else if($.browser.mozilla) { $( function() { alert("this is mozilla!"); }); } else if($.browser.opera) { $( function() { alert("this is opera"); }); } else { $( function() { alert("i don't konw!"); }); } }); </script> |