js控制媒體查詢樣式/判斷是PC端還是移動端

 如果遇到，想要在pc端和移動端上的js效果顯示不同的話，可以加上以下代碼：

var result = window.matchMedia('(max-width: 768px)');

if (result.matches) {
//console.log('頁面寬度小於等於768px');
//寫移動端的js效果
} else {
//console.log('頁面寬度大於768px');
//寫頁面寬度大於768px的js效果
}

 這是根據頁面不同寬度，手機不同分辨率來辨別的。

如果想要判斷是移動端還是pc端，移動端和pc端的js效果顯示不同，js加入以下代碼

function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}

var flag = IsPC();
if(flag === true){
console.log("pc端");

 //寫pc端js代碼

}else{
console.log("移動端"）;

//寫移動端js代碼

}