js判断 pc端移动端

最新推荐文章于 2022-06-27 11:56:49 发布

转载最新推荐文章于 2022-06-27 11:56:49 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/8026

文章标签：

#移动开发 #操作系统

本文介绍了一段JavaScript代码，用于检测用户访问网站时所使用的设备类型（移动设备或PC），并根据检测结果将用户导向不同的URL地址。此方法通过分析用户代理字符串实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
	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.*/), //是否为移动终端  
				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, //是否为iPhone或者QQHD浏览器  
				iPad : u.indexOf('iPad') > -1, //是否iPad    
				webApp : u.indexOf('Safari') == -1
			//是否web应该程序，没有头部与底部  
			};
		}(),
		language : (navigator.browserLanguage || navigator.language)
				.toLowerCase()
	}
	//是否是移动端
	if (browser.versions.mobile || browser.versions.ios
			|| browser.versions.android || browser.versions.iPhone
			|| browser.versions.iPad) {
		//跳转到移动端页面
		window.location = "http://www.fuyidai.me/tel/";
	} else {
		//跳转到非移动端页面
		window.location = "http://www.fuyidai.me";
	}
</script>

在.jsp或.html文件中嵌入如上code即可判断是pc端或移动端访问来跳转相应的url