如何判断页面是由移动端还是pc端打开

在做Web前端开发中，经常要考虑到pc端和移动端对功能的不同需求，这时候通常需要根据设备的不同做到一定的响应，这时候可以通过媒体查询实现不同设备宽度下的不同样式，也可以通过判断访问设备的类型，通过判断的结果，返回不同的域名地址，继而加载不同的CSS文件。

那么如何判断页面是由移动端还是PC端打开呢，也就是说怎么判断访问设备的类型呢？

1.媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。

2.通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。

/**
* 判断是否是pc设备
*/
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
if(window.screen.width>=768){
flag = true;
}
return flag;
}

通过以上代码就可以判断出访问网站的设备类型到底是PC端还是移动端。