JS判斷PC還是移動端打開網頁
最近在做移動端網站,也需兼容PC端。還沒找到更好的方法,只能用javascr判斷用戶是在PC端打開還是移動端打開。
JS判斷
var isPC = function (){
var userAgentInfo = navigator.userAgent.toLowerCase();
var Agents = new Array("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;
}
根據判斷,引入不同的css樣式文件
var isPC = isPC();
function js_onload(){
var head=document.getElementsByTagName("head");
var es=document.createElement("link");
if (!isPC) {
es.href=‘css/mobile.css‘;
}else{
es.href= ‘css/PC.css‘
}
es.rel="stylesheet";
es.type="text/css";
head[0].appendChild(es);
}
js_onload();
這個有些麻煩!!!!也許後續會找到更好的方法,來寫這些兼容了
JS判斷PC還是移動端打開網頁