jQuery判斷瀏覽器是移動端還是桌面端自動跳轉代碼

dc4g 10年前發布 | 2K 次閱讀 JavaScript 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.;  
        }  
    });  

 本文由用戶 dc4g 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!