在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于設(shè)備不同加載不同的頁面

關(guān)于設(shè)備不同加載不同的頁面

場景:

現(xiàn)有一個純html寫的pc網(wǎng)頁, 和一個 vue寫的移動端網(wǎng)頁, 經(jīng)理想只用一個域名 實(shí)現(xiàn) 兩個網(wǎng)頁的切換,就是
當(dāng)用戶用電腦訪問的時候 加載pc端,用手機(jī)訪問時 加載移動端。 

提問:

如何根據(jù)設(shè)備不同,進(jìn)行優(yōu)雅的頁面切換?
回答
編輯回答
貓小柒

js判斷,如果是手機(jī)設(shè)備則跳轉(zhuǎn)到 手機(jī)站點(diǎn),如果是pc設(shè)備則不跳轉(zhuǎn);

        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) {//如果是上述設(shè)備就會以手機(jī)域名打開
                window.location.href = 'mobile地址';
        }
2018年9月9日 11:51
編輯回答
網(wǎng)妓

最好是后端根據(jù)請求中的 ua 判斷,然后返回不同的頁面。
前端最好不要做這個判斷和跳轉(zhuǎn)。

2018年8月12日 05:47