zoukankan      html  css  js  c++  java
  • js判断操作系统与浏览器

    摘要:

      对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。

    操作系统:

    var os = (function() {
        var UserAgent = navigator.userAgent.toLowerCase();
        return {
            isIpad          : /ipad/.test(UserAgent),
            isIphone        : /iphone os/.test(UserAgent),
            isAndroid       : /android/.test(UserAgent),
            isWindowsCe     : /windows ce/.test(UserAgent),
            isWindowsMobile : /windows mobile/.test(UserAgent),
            isWin2K         : /windows nt 5.0/.test(UserAgent),
            isXP            : /windows nt 5.1/.test(UserAgent),
            isVista         : /windows nt 6.0/.test(UserAgent),
            isWin7          : /windows nt 6.1/.test(UserAgent),
            isWin8          : /windows nt 6.2/.test(UserAgent),
            isWin81         : /windows nt 6.3/.test(UserAgent),
    isMac : /mac os/.test(UserAgent) }; }());

    如果要判断系统是否是iPad,只需要判断if(os.isIpad) {}.

    浏览器:

    var bw = (function() {
        var UserAgent = navigator.userAgent.toLowerCase();
        return {
            isUc      : /ucweb/.test(UserAgent), // UC浏览器
            isChrome  : /chrome/.test(UserAgent.substr(-33,6)), // Chrome浏览器
            isFirefox : /firefox/.test(UserAgent), // 火狐浏览器
            isOpera   : /opera/.test(UserAgent),  // Opera浏览器
            isSafire  : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏览器
            is360     : /360se/.test(UserAgent), // 360浏览器
            isBaidu   : /bidubrowser/.test(UserAgent), // 百度浏览器
            isSougou  : /metasr/.test(UserAgent), // 搜狗浏览器
            isIE6     : /msie 6.0/.test(UserAgent), // IE6
            isIE7     : /msie 7.0/.test(UserAgent), // IE7
            isIE8     : /msie 8.0/.test(UserAgent), // IE8
            isIE9     : /msie 9.0/.test(UserAgent), // IE9
            isIE10    : /msie 10.0/.test(UserAgent), // IE10
            isIE11    : /msie 11.0/.test(UserAgent), // IE11
            isLB      : /lbbrowser/.test(UserAgent), // 猎豹浏览器
         isWX      : /micromessenger/.test(UserAgent), // 微信内置浏览器
            isQQ      : /qqbrowser/.test(UserAgent) // QQ浏览器
        };
    }());

    小结:

      浏览器都是本人亲自测试的,可能会有问题的是chrome浏览器,因为大部分浏览器都是使用WebKit内核,所以我就把chrome的navigator截取出来区分。如果以后chrome的navigator的信息位置或者chrome之后的长度发生改变就容易出现问题,但目前来看是可以的。

  • 相关阅读:
    windows系统下强制杀死某个进程
    onenote快捷键
    sublime封装代码块快捷键、eemet插件安装、Loading PyV8 binary...的解决办法
    google浏览器截长图的方法
    (转)Java基础加强之并发(二)常用的多线程实现方式
    hibernate学习(初识)
    Spring中的事务操作
    JDBC最原始的代码做查询操作
    Spring的JDBC模板
    Spring AOP
  • 原文地址:https://www.cnblogs.com/xiyangbaixue/p/4208904.html
Copyright © 2011-2022 走看看