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

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

場景：

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

提問：

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

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

2018年8月12日 05:47