您的位置:首页 > 移动开发

jQuery判断浏览器是移动端还是电脑端自动跳转

2016-11-04 11:20 218 查看
一个段小代码,同一个网站针对移动端查看和电脑端查看跳转不同的页面。

首先加载jQuery文件。

[javascript] view
plain copy

$(function(){  

    var MobileUA = (function() {  

        var ua = navigator.userAgent.toLowerCase();  

  

        var mua = {  

            IOS: /ipod|iphone|ipad/.test(ua), //iOS  

            IPHONE: /iphone/.test(ua), //iPhone  

            IPAD: /ipad/.test(ua), //iPad  

            ANDROID: /android/.test(ua), //Android Device  

            WINDOWS: /windows/.test(ua), //Windows Device  

            TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device  

            MOBILE: /mobile/.test(ua), //Mobile Device (iPad)  

            ANDROID_TABLET: false, //Android Tablet  

            WINDOWS_TABLET: false, //Windows Tablet  

            TABLET: false, //Tablet (iPad, Android, Windows)  

            SMART_PHONE: false //Smart Phone (iPhone, Android)  

        };  

  

        mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE;  

        mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua);  

        mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET;  

        mua.SMART_PHONE = mua.MOBILE && !mua.TABLET;  

  

        return mua;  

    }());  

  

    //SmartPhone   

    if (MobileUA.SMART_PHONE) {  

        // 移动端链接地址  

          

        document.location.href = 'http://www.aaa.com/wap/index.html';  

    }  

});  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: