随着移动设备的发展,在移动端访问网站已经逐渐成为比较普遍的事情,例如使用手机访问网站,现在已经不是什么稀罕事情,而且具有很大的市场占有率,所以很多网站都有两套模板,一套适合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>

代码描述:JavaScript区分移动端 还是pc端访问。JavaScript区分移动端还是pc端访问网站代码下载



118 157



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到