zoukankan      html  css  js  c++  java
  • js判断是手机还是电脑访问的五种解决方案

    解决方案一

    <script type="text/javascript">
    //判断是否移动端访问
    browserRedirect();
    function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
     
        if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
            //window.location.href = "http://gz.gzwhir.com/jpcg201409177619/index.aspx";
        }
    }
    </script>

    解决方案二

    <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
    <script type="text/javascript">uaredirect("你的手机版网址");</script>

    解决方案三

    <script type="text/javascript">
            //平台、设备和操作系统
            var system = {
                win: false,
                mac: false,
                xll: false,
                ipad:false
            };
            //检测平台
            var p = navigator.platform;
            system.win = p.indexOf("Win") == 0;
            system.mac = p.indexOf("Mac") == 0;
            system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
            system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
            //跳转语句,如果是手机访问就自动跳转到wap.baidu.com页面
            if (system.win || system.mac || system.xll||system.ipad) {
     
            } else {
     
                window.location.href = "http://www.jdpatro.com/3g/";
            }
    </script>

    解决方案四:腾讯网的适配代码

    <script type="text/javascript">
    if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
        if(window.location.href.indexOf("?mobile")<0){
            try{
                if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
                    window.location.href="http://shipei.qq.com/index.htm";
                }else if(/iPad/i.test(navigator.userAgent)){
                }else{
                    window.location.href="http://shipei.qq.com/simple/s/index/"
                }
            }catch(e){}
        }
    }
    </script>

    解决方案五

    <script type="text/javascript">
        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.*/)
                        || !!u.match(/AppleWebKit/), //是否为移动终端                               
                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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                  
                iPad: u.indexOf('iPad') > -1, //是否iPad     
                webApp : u.indexOf('Safari') == -1,//是否web应该程序,没有头部与底部
                google:u.indexOf('Chrome')>-1
            };
        }(),
        language : (navigator.browserLanguage || navigator.language).toLowerCase()
        }
        document.writeln("语言版本: "+browser.language);
        document.writeln(" 是否为移动终端: "+browser.versions.mobile);
    </script>

  • 相关阅读:
    贪心-poj-3040-Allowance
    [置顶] .net技术类面试、笔试题汇总3
    数据对接—kettle使用之二
    做好先期工作,才能有效沟通
    cc++复习基础要点08--c++单例模式
    android 限制adb的访问目录
    我奋斗18年,和你或者咖啡没有任何关系
    (3)选择元素——(15)总结(Summary)
    (3)选择元素——(16)延伸阅读(Further reading)
    网络协议复习
  • 原文地址:https://www.cnblogs.com/lovecwq/p/13292808.html
Copyright © 2011-2022 走看看