码迷,mamicode.com
首页 > 移动开发 > 详细

jQuery推断浏览器是移动端还是电脑端自己主动跳转

时间:2017-08-10 17:02:51      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:script   data   dev   pod   一个   cat   name   java   地址   

一个段小代码。同一个站点针对移动端查看和电脑端查看跳转不同的页面。

首先载入jQuery文件。



$(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';
    }
});


jQuery推断浏览器是移动端还是电脑端自己主动跳转

标签:script   data   dev   pod   一个   cat   name   java   地址   

原文地址:http://www.cnblogs.com/yangykaifa/p/7339898.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!