js判断是pc还是移动端

我们有时候需要根据不同平台的用户展示不同的页面，就需要我们判断用户是在PC端还是移动端访问这个操作，接下云梦编程就为大家详细的介绍一下js如何判断用户是在PC端和还是移动端访问方法，有需要的小伙伴可以参考一下

解决思路：

使用正则表达式进行user-agent值的获取。和本地的值进行判断,这个匹配值可以是移动操作系统

方法1：

	var browser = {
		versions: function () {
			var u = navigator.userAgent, app = navigator.appVersion;
			return {//移动终端浏览器版本信息
				trident: u.indexOf('Trident') > -1, //IE内核
				presto: u.indexOf('Presto') > -1, //opera内核
				webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
				gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
				mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
				ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
				android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
				iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
				iPad: u.indexOf('iPad') > -1, //是否iPad
				webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
			};
		} (),
		language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
	
if(browser.versions.mobile){
	alert("我是手机访问的");
}else{
	alert("我是电脑访问的");
}

方法2：

	if(/Android|webOS|iPhone|iPod|mobile|BlackBerry|ucweb|SymbianOS/i.test(navigator.userAgent)){
          alert("我是手机访问的");  
        }else{
          alert("我是电脑访问的");
        }

以上就是云梦编程为大家介绍的关于js判断是否是电脑端访问还是移动端访问的两种方法，了解更多相关文章请关注云梦编程网！