欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jquery 判断浏览器 详细的判断 有大用

shiping1 的头像

jquery.ua.js docs

作者:云淡然

兼容:ie6+、chrome、firefox

已适配yquery

1、插件说明
  1. 相关文章: http://qianduanblog.com/2599.html
  2. 对国产浏览器外壳支持检测的不全面,请勿过分依赖。
2、插件API
  1. // 1、传入字符串
  2. $.ua("...").platform;
  3. $.ua("...").browser;
  4. $.ua("...").engine;
  5.  
  6.  
  7. // 2、获取ua字符串
  8. $.ua().ua;
  9. // =>"..."
  10.  
  11.  
  12. // 3、解析platform
  13. $.ua().platform;
  14. // =>{...}
  15.  
  16.  
  17. // 4、解析browser
  18. $.ua().browser;
  19. // =>{...}
  20.  
  21.  
  22. // 5、解析engine
  23. $.ua().engine;
  24. // =>{...}
  25.  
  26.  
  27. // 6、判断浏览器内核
  28. $.ua().isWebkit;
  29. $.ua().isGecko;
  30. $.ua().isTrident;
  31.  
  32.  
  33. // 7、判断浏览器类型
  34. $.ua().isMobile;
  35. $.ua().isTablet;
  36. $.ua().isDesktop;
  37.  
  38.  
  39. // 8、判断浏览器外壳,此属性与浏览器UA无关,因此都是静态属性
  40. // 判断是否为原版chrome浏览器
  41. $.ua.isChrome;
  42.  
  43. // 判断是否为360极速浏览器chrome内核
  44. $.ua.is360ee;
  45.  
  46. // 判断是否为360安全浏览器chrome内核
  47. $.ua.is360se;
  48.  
  49. // 判断是否为猎豹浏览器chrome内核
  50. $.ua.isLiebao;
  51.  
  52. // 判断是否为搜狗浏览器chrome内核
  53. $.ua.isSougou;
  54.  
  55. // 判断是否为遨游浏览器
  56. $.ua.isMaxthon;
  57.  
  58. // 判断是否为QQ浏览器
  59. $.ua.isQQ;
  60.  
  61. // 判断是否为ie内核浏览器
  62. $.ua.isIe;
  63.  
  64. // 判断ie内核浏览器版本
  65. $.ua.ie;
  66. // =>6/7/8/9/10/11,0
  67.  
  68. // 判断是否为何种版本ie内核浏览器
  69. $.ua.isIe6;
  70. $.ua.isIe7;
  71. $.ua.isIe8;
  72. $.ua.isIe9;
  73. $.ua.isIe10;
  74. $.ua.isIe11;
  75. // =>boolean
  76.  
  77. // 判断是否为原版firefox浏览器
  78. $.ua.isFirefox;
3、插件演示

3.1、获取ua字符串

 $.ua().ua

3.2、设置ua字符串

 $.ua("string").ua

3.3、获取浏览器操作系统属性

 $.ua().platform

3.4、获取浏览器外壳属性

 $.ua().browser

3.5、获取浏览器内核属性

 $.ua().engine

3.6、判断浏览器内核

 $.ua().isWebkit

 $.ua().isGecko

 $.ua().isTrident

3.7、判断浏览器类型

 $.ua().isMobile

 $.ua().isTablet

 $.ua().isDesktop

3.8、判断浏览器外壳

提示:以下皆为静态属性,与浏览器UA无关。

 $.ua.isChrome

 $.ua.is360ee

 $.ua.is360se

 $.ua.isLiebao

 $.ua.isSougou

 $.ua.isMaxthon

 $.ua.isQQ


 $.ua.isIe

 $.ua.ie


 $.ua.isFirefox

来自 http://festatic.aliapp.com/js/jquery.ua/#chrome

http://festatic.aliapp.com/#jquery.ua
jquery.ua.js 里面有详细的判断浏览器的代码
http://spmjs.io/docs/jquery.ua/examples/index.html 
这个是示例


我仔细看了 稍改了一下 下面的代码是主要测是不是原生的chrome


//下面两个函数  判断浏览器是不是原生chrome
function _mime(where, value, name, nameReg) {
        var mimeTypes = window.navigator.mimeTypes,
            i;

        for (i in mimeTypes) {
            if (mimeTypes[i][where] == value) {
                if (name !== undefined && nameReg.test(mimeTypes[i][name])) return !0;
                else if (name === undefined) return !0;
            }
        }
        return !1;
    }

function _getChromiumType() {
       
        var isOriginalChrome = _mime('type', 'application/vnd.chromium.remoting-viewer');

        // 原始 chrome
        if (isOriginalChrome) {
            return 'chrome';
        }
        return '';
    }

var isWebkit = /webkit/.test(navigator.userAgent.toLowerCase());
//isWebkit是判断 webkit ; _getChromiumType是判断是不是原生的chrome
if(isWebkit && _getChromiumType()=='chrome'){
//这里是原生的chrome 执行的代码
}
普通分类: