js判斷進入頁面的設(shè)備是移動端還是PC端，來進入相應(yīng)的頁面

js判斷進入頁面的設(shè)備是移動端還是PC端玄妈，來進入相應(yīng)的頁面

在index.html中添加

image.png

1资锰、在頁面中添加下面這段代碼（移動端頁面）

<script type="text/javascript">
        // 有關(guān)瀏覽器類型的信息都藏在USER-AGENT里面谆棱，首先讀取navigator.userAgent里面的信息，為了方便        利用toLowerCase方法轉(zhuǎn)成小寫的形式
    var sUserAgent = navigator.userAgent.toLowerCase();
    //調(diào)用match方法進行匹配屬于哪一類瀏覽器拯田，一下判斷都是移動端瀏覽器
    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) {
        //本頁面是移動端頁面历造，不需要做任何操作
    } else {
        //如果是PC端就跳轉(zhuǎn)打開PC端頁面
        location = 'Pc端頁面地址';
    }
</script>

2、在頁面中添加下面這段代碼（PC端頁面）

<script type="text/javascript">
    // 有關(guān)瀏覽器類型的信息都藏在USER-AGENT里面，首先讀取navigator.userAgent里面的信息吭产，為了方便利用toLowerCase方法轉(zhuǎn)成小寫的形式
    var sUserAgent = navigator.userAgent.toLowerCase();
    //調(diào)用match方法進行匹配屬于哪一類瀏覽器侣监，一下判斷都是移動端瀏覽器
    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";
    //如果匹配上面的瀏覽器就跳轉(zhuǎn)打開移動端頁面
    if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        //如果是移動端就跳轉(zhuǎn)打開移動端頁面
        location = '移動端頁面地址';
    } else {
        //Pc端進入不需要其他操作
    }
</script>

例：

image.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者