【转】js判断手机访问网页

原理:原理有两个,第一:通过游览器(browser)判断是否是手机;第二:通过访问终端判断是否是手机(userAgent);但是通常考虑到兼容性,需要这两种原理同时使用;具体的实现如下:

JS实现:

 1
 2 function checkBrowser(){
 3  var browser={
 4   versions:function(){
 5    var u = navigator.userAgent, app = navigator.appVersion;
 6    return {
 7     //移动终端浏览器版本信息
 8     trident: u.indexOf(‘Trident‘) > -1, //IE内核
 9     presto: u.indexOf(‘Presto‘) > -1, //opera内核
10     webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
11     gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
12     mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
13     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
14     android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器
15     iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
16     iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
17     webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部
18     };
19    }(),
20     language:(navigator.browserLanguage || navigator.language).toLowerCase()
21    }
22  if( browser.versions.android || browser.versions.iPhone || browser.versions.iPad){
23   window.location.href="http://m.studyofnet.com"
24
25  }
26 }
27
28         

时间: 2024-10-14 22:49:40

【转】js判断手机访问网页的相关文章

php js 判断手机访问

<?php function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:''; function CheckSubstrs($substrs,$text){ foreach($subst

JS判断手机访问还是电脑端访问

记录一下~~~~~~ <script type="text/javascript"> (function(){ if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log('这是移动端'); }else{ console.log('这是PC端'); } }) </script> HTML5中使用 tel: 在手机访问点击时,可直接调用拨号功能,get有效

JS判断手机访问页面,根据手机访问或者PC访问跳转

当用户访问你网站时,如果是PC端访问,则不作处理,如果是手机或者平板访问,就跳转到自己定义的手机页面去,这个在做webapp的时候经常用到,把代码分享给大家,希望对大家有所帮助. 首先,你要在页面中引用一个jsuaredirect.js,js源码如下: function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=windo

js判断手机访问跳转到手机站

if(navigator.platform.indexOf('Win32')!=-1){ //电脑网站     }else{         window.location.href="";  //手机网站      } 参考:http://jingyan.baidu.com/article/cdddd41c61823e53cb00e198.html

通过js判断手机访问跳转到手机站

第一种方法: <script> if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="电脑网址"; }else{ //shouji window.location.href="手机网址"; } </script> 第二种方法: <script type="text/javascript"> function brows

js判断手机访问

第一种方法: <script> if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="电脑网址"; }else{ //shouji window.location.href="手机网址"; } </script> 第二种方法: <script type="text/javascript"> function brows

JS判断手机访问网站

<script type="text/javascript"> if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) { window.location.href = "http://www.baidu.com/"; } </script>

js判断手机浏览器操作系统和微信浏览器的方法

做手机端的前端开发,少不了对手机平台的判断.如,对于app下载,就要判断在Android平台下就显示Android下载提示:在iOS平台下就显示iOS下载提示. 今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法: <script type="text/javascript"> //手机端判断各个平台浏览器及操作系统平台 function checkPlatform(){ if(/android/i.test(navigator.userAgent)){ docu

js判断手机浏览器

最新浏览器识别合并. demo:http://v.qq.com    ->   http://v.qq.com/h5 http://v.qq.com/    ->   http://v.qq.com/h5 http://v.qq.com/h5    ->   http://v.qq.com/h5 <script type="text/javascript"> (function(W){ if(!/\/h5/.test(W.location.pathname