代码描述:JavaScript区分移动端 还是pc端访问。JavaScript区分移动端还是pc端访问网站代码下载
随着移动设备的发展,在移动端访问网站已经逐渐成为比较普遍的事情,例如使用手机访问网站,现在已经不是什么稀罕事情,而且具有很大的市场占有率,所以很多网站都有两套模板,一套适合pc端使用,一套适合移动端使用,根据不同的访问来源来判断使用哪套模板,下面就介绍一下如何利用javascript来实现此功能。 代码如下:
<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.*/)||!!u.match(/AppleWebKit/), //是否为移动终端 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应该程序,没有头部与底部 }; }() } console.log(" 是否为移动终端: "+browser.versions.mobile); console.log(" ios终端: "+browser.versions.ios); console.log(" android终端: "+browser.versions.android); console.log(" 是否为iPhone: "+browser.versions.iPhone); console.log(" 是否iPad: "+browser.versions.iPad); console.log(navigator.userAgent); </script>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能