jQuery判断浏览器是移动端还是桌面端自动跳转代码详解编程语言

一个段小代码,同一个网站针对移动端查看和桌面端查看跳转不同的页面。

首先加载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';   
        }   
    });  

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/8610.html

(0)
上一篇 2021年7月18日 22:06
下一篇 2021年7月18日 22:06

相关推荐

发表回复

登录后才能评论