原生js判断用户所使用设备,引入不同css。
写在前面,根据网上的不同发放所修改,亲测可用。
直接复制修改一下您所需要引入的js就可以(此方法不会重置网页的静态内容)
function IsPC(){
var userAgentInfo = navigator.userAgent;
var Agents = ["Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"];
for(var i in Agents){
if(userAgentInfo.indexOf(Agents[i])>0){
// 移动端
var linkNode = document.createElement("link");
linkNode.setAttribute("rel","stylesheet");
linkNode.setAttribute("type","text/css");
linkNode.setAttribute("href","css/index-phone.css");
document.head.appendChild(linkNode);
break;
}else{
// PC端
var linkNode = document.createElement("link");
linkNode.setAttribute("rel","stylesheet");
linkNode.setAttribute("type","text/css");
linkNode.setAttribute("href","css/index-pc.css");
document.head.appendChild(linkNode);
break;
}
}
}