javascript 判断页面访问方式电脑或者移动端

 更新时间:2016年09月19日 11:48:04   作者:宇智波广坤  
这篇文章主要介绍了 判断页面访问方式电脑或者移动端的相关资料,这里提供了三种方法,需要的朋友可以参考下

方法一:

<script type="text/javascript">
function browserRedirect(type) {
var sUserAgent= navigator.userAgent.toLowerCase();
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp= sUserAgent.match(/midp/i) == "midp";
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid= sUserAgent.match(/android/i) == "android";
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
 
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.href= '/ctcshop/m/rhylogin.shtml';
//alert("这是手机");
} else {
window.location= '/etrade/login.shtml?ref_url=/rhy/index.html';
//alert("这是电脑");
}
 
 
}
 
</script>
 //方法1:
function IsPC() {
 var userAgentInfo = navigator.userAgent;
 var Agents = ["Android", "iPhone",
 "SymbianOS", "Windows Phone",
 "iPad", "iPod"];
 var flag = true;
 for (var v = 0; v < Agents.length; v++) {
 if (userAgentInfo.indexOf(Agents[v]) > 0) {
 flag = false;
 break;
 }
 }
 return flag;
}
 

方法2:

function browserRedirect() {
 var sUserAgent = navigator.userAgent.toLowerCase();
 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
 var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
 var bIsMidp = sUserAgent.match(/midp/i) == "midp";
 var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
 var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
 var bIsAndroid = sUserAgent.match(/android/i) == "android";
 var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
 var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
 if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
 window.location.href=B页面;
 }
}
browserRedirect();
 


方法3:

<script type="text/javascript">
 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应该程序,没有头部与底部
 google:u.indexOf('Chrome')>-1
 };
 }(),
 language : (navigator.browserLanguage || navigator.language).toLowerCase()
 }
 document.writeln("语言版本: "+browser.language);
 document.writeln(" 是否为移动终端: "+browser.versions.mobile);
</script>

以上就是对判断页面 访问方式的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

相关文章

  • 动态加载脚本提升javascript性能

    动态加载脚本提升javascript性能

    动态加载脚本可以有效提升javascript性能,下面有个不错的示例,大家可以参考下
    2014-02-02
  • 使用controller接收js传过来的参数问题

    使用controller接收js传过来的参数问题

    这篇文章主要介绍了使用controller接收js传过来的参数问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • 详细分析jsonp的原理和实现方式

    详细分析jsonp的原理和实现方式

    给大家图文详细分析一下jsonp的原理以及跨域问题的汇总。
    2017-11-11
  • ES6 async、await的基本使用方法示例

    ES6 async、await的基本使用方法示例

    这篇文章主要介绍了ES6 async、await的基本使用方法,结合实例形式分析了ES6 async、await的基本功能、使用方法与相关注意事项,需要的朋友可以参考下
    2020-06-06
  • js判断数组key是否存在(不用循环)的简单实例

    js判断数组key是否存在(不用循环)的简单实例

    下面小编就为大家带来一篇js判断数组key是否存在(不用循环)的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 基于p5.js实现色彩轮和饼状图的动态可视化

    基于p5.js实现色彩轮和饼状图的动态可视化

    这篇文章主要介绍了基于p5.js实现色彩轮和饼状图的动态可视化,文中给出了详细的代码,它适用于需要展示颜色信息或数据分布情况的场景,如设计、数据分析和教育领域,感兴趣的朋友可以参考下
    2024-06-06
  • 原生JS实现拖拽照片墙

    原生JS实现拖拽照片墙

    这篇文章主要为大家详细介绍了原生JS实现拖拽照片墙,实现照片互换位置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 微信小程序分享卡片花样玩法之私密消息和动态消息

    微信小程序分享卡片花样玩法之私密消息和动态消息

    用户可以发送小程序卡片给微信好友或者群,点击小程序卡片可以直接进入小程序,这篇文章主要给大家介绍了关于微信小程序分享卡片花样玩法之私密消息和动态消息的相关资料,需要的朋友可以参考下
    2023-11-11
  • url特殊字符编码encodeURI VS encodeURIComponent分析

    url特殊字符编码encodeURI VS encodeURIComponent分析

    这篇文章主要介绍了url特殊字符编码encodeURI VS encodeURIComponent分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • js 可选链操作符的使用

    js 可选链操作符的使用

    可选链操作符(?.)允许读取位于链接对象链身处的属性的值,本文就详细的介绍一下,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论