zoukankan      html  css  js  c++  java
  • jquery 判断浏览器方法

    jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用

    jquery判断浏览器的源码(jquery1.31为例)

     

    Js代码:
    1. var userAgent = navigator.userAgent.toLowerCase();   
    2.   
    3.  // Figure out what browser is being used   
    4. jQuery.browser = {   
    5.     version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],   
    6.     safari: /webkit/.test( userAgent ),   
    7.     opera: /opera/.test( userAgent ),   
    8.     msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),   
    9.     mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )   
    10. };  

    version---浏览器版本

    msie----ie浏览器(Microsoft Internet Explorer)

    mozilla-火狐浏览器

    opera--opera浏览器

     

     

     

    Js代码:
    1. var userAgent = navigator.userAgent.toLowerCase();   
    2. browser={   
    3.         version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],   
    4. safari: /webkit/.test( userAgent ),   
    5. opera: /opera/.test( userAgent ),   
    6. msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),   
    7. mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )   
    8. }  

    调用的时候和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>
  • 相关阅读:
    【洛谷P1297】单选错位【期望】
    【洛谷P1297】单选错位【期望】
    【POJ1201】Intervals【差分约束】
    【POJ1201】Intervals【差分约束】
    【洛谷P3275】糖果【差分约束】【负环】
    【洛谷P3275】糖果【差分约束】【负环】
    【洛谷P1768】天路【负环】【二分】【数论】
    【洛谷P1768】天路【负环】【二分】【数论】
    【JZOJ4256】平均数【二分】
    【JZOJ4256】平均数【二分】
  • 原文地址:https://www.cnblogs.com/zcy_soft/p/1950786.html
Copyright © 2011-2022 走看看