zoukankan      html  css  js  c++  java
  • JS判断是否为移动版浏览器

    使用javascript(JS)判断浏览器是否为移动版浏览器。

    浏览器信息获取

    判断浏览器访问终端。

    //判断访问终端
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {
                trident: u.indexOf('Trident') > -1,                            //IE内核
                presto: u.indexOf('Presto') > -1,                              //opera内核
                webKit: u.indexOf('AppleWebKit') > -1,                         //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,    //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/),                    //是否为移动终端
                ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/),               //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1,                              //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1,                                  //是否iPad
                webApp: u.indexOf('Safari') == -1,                             //是否web应该程序,没有头部与底部
                weixin: u.indexOf('MicroMessenger') > -1,                      //是否微信 (2015-01-22新增)
                qq: u.match(/sQQ/i) == " qq"                                  //是否QQ
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    };

    判断是否为移动端

    确认是否为移动版浏览器。

    // 判断是否为移动端
    if (browser.versions.mobile || browser.versions.android || browser.versions.ios) {
        console.info("移动端");
        // window.location.href = "app/index.html";
    } else {
        console.info("非移动端");
        // window.location.href = "index.html";
    }

    【参考资料】

    https://www.haorooms.com/post/js_pc_iosandmobile

  • 相关阅读:
    汉诺塔实现笔记
    python-nmap的函数学习
    字符串匹配的KMP算法(转)
    QT下的贪吃蛇
    PentestBox在win10里打不开工具
    Dalvik虚拟机执行流程图
    用dx生成dex时遇到class name does not match path
    python3 小工具
    python3的Cryptodome
    前端学习笔记 day02 CSS
  • 原文地址:https://www.cnblogs.com/shidian/p/10500829.html
Copyright © 2011-2022 走看看