JavaScript判断手机或电脑端

判断手机端和电脑端可以根据 屏幕大小 来判断，也可以使用 navigator 属性判断

1、判断代码：

function isMobile() {
   var userAgentInfo = navigator.userAgent;

   var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];

   var mobile_flag = false;
   
 	//根据userAgent判断是否是手机
    for (var v = 0; v < mobileAgents.length; v++) {
       if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
             mobile_flag = true;
             break;
       }
    }
    var screen_width = window.screen.width;
    var screen_height = window.screen.height;

   //根据屏幕分辨率判断是否是手机
   if (screen_width > 325 && screen_height < 750) {
       mobile_flag = true;
   }

   return mobile_flag;
}

2、插入样式

var mobile_flag = isMobile();

var link = document.createElement("link");
link.rel = 'stylesheet';

// 判断手机端或移动端在头部插入 css 样式
var head = document.head;
if (mobile_flag) {
	link.href = './css/mobile.css';
    head.appendChild(link);
}else{
	link.href = './css/pc.css';
    head.appendChild(link);
}

本文做了一些自己的修改，如果希望查看原文，请转：https://www.cnblogs.com/dalaowang/p/10315419.html