"); //打印出来 true所以在完整版的代码中 第一层if 判断一直是true以上的原因是因为,网" />
当前位置:首页 > 日记 > 正文

js判断PC端与移动端跳转

js判断PC端与移动端跳转

在网上看到很多这样类似的代码,但是有的很复杂,或者有的没有判断完全,上次经理去见完客户回来讲,使用苹果浏览打开pc端(pc已经做了识别跳转)会自动跳转到移动端的网页去,后来经测试才发现

document.writeln(" 是否为移动终端: "+browser.versions.mobile+"</br>");  //打印出来 true

所以在完整版的代码中 第一层if 判断一直是true

以上的原因是因为,网上流传的判断为: 

mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/), //是否为移动终端

判断不完整才会造成这种原因。

正确的判断应该为:

mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否为移动终端

测试程序代码

var browser = { versions: function() {  var u = navigator.userAgent;  return {   trident: u.indexOf('Trident') > -1,   presto: u.indexOf('Presto') > -1,   webKit: u.indexOf('AppleWebKit') > -1,   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,   mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0,   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),   android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,   iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,   iPad: u.indexOf('iPad') > -1,   webApp: u.indexOf('Safari') == -1  } } (), language:(navigator.browserLanguage || navigator.language).toLowerCase()};document.writeln("语言版本: "+browser.language+"</br>");document.writeln(" 是否为移动终端: "+browser.versions.mobile+"</br>");document.writeln(" ios终端: "+browser.versions.ios+"</br>");document.writeln(" android终端: "+browser.versions.android+"</br>");document.writeln(" 是否为iPhone: "+browser.versions.iPhone+"</br>");document.writeln(" 是否iPad: "+browser.versions.iPad+"</br>");document.writeln(navigator.userAgent+"</br>");

完整版,运用于项目代码

/*** 判断PC端与WAP端*/var mobile_bs = { versions: function() {  var u = navigator.userAgent;  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/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否为移动终端   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应该程序,没有头部与底部  } } ()};if (mobile_bs.versions.mobile) { if (mobile_bs.versions.android || mobile_bs.versions.iPhone || mobile_bs.versions.iPad || mobile_bs.versions.ios) {  window.location.href = "移动端网址"; }}; 

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

相关文章

excel2007输入带圈字符的教程excel

excel2007输入带圈字符的教程excel

输入带,字符,教程,电脑软件,strong,  Excel中经常需要使用到输入带圈字符的功能,带圈字符具体该如何输入呢?下面是由小编分享的excel2007输入带圈字符的教程,以供大家阅读和学习。excel2007输入带圈字符的教程输入带圈符号步骤1:打开数据表,…

jq stop | 和:is | :animated的用

jq stop | 和:is | :animated的用

详解,区别,电脑软件,jq,stop,stop(true,true):表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!jQuery stop() 方法jQuery stop() 方法用于停止…

jQuery插件扩展操作入门示例

jQuery插件扩展操作入门示例

插件,扩展操作,示例,入门,电脑软件,本文实例讲述了jQuery插件扩展操作。分享给大家供大家参考,具体如下:如下DEMO 展示了为dom扩展一个myshowHtml 的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="…

excel表格的批注功能使用方法

excel表格的批注功能使用方法

使用方法,表格,功能,电脑软件,excel,  Excel中的批注功能该如何使用呢?下面是由小编分享的excel表格的批注功能使用方法,以供大家阅读和学习。excel表格的批注功能使用方法:  添加批注步骤1:选择需要添加批注的单元格。添加批注步骤2:点击&…

ps如何按照步骤安装

ps如何按照步骤安装

安装,方法,步骤,安装步骤,电脑软件,  ps软件是可以进行安装的,但是安装步骤一定要准守。其实这个也不算太难,下面就让小编告诉你ps如何按照步骤安装的方法,一起学习吧。ps按照步骤安装的方法1、先准备软件,下载地址在工具里写出来咯。下载后…

JavaScript转换数据库DateTime字段

JavaScript转换数据库DateTime字段

字段类型,数据库,转换,方法,电脑软件,Javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标准通用标记语言下的一个…

详解javascript中对数据格式化的思

详解javascript中对数据格式化的思

格式化,数据,中对,详解,电脑软件,在实际应用场景中,我们常常需将一些数据输出成更加符合人类习惯阅读的格式。保留小数点后面两位在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()来实现保留小数点两位这样的…

JavaScript实现离开页面前提示功能

JavaScript实现离开页面前提示功能

方法,提示,页面,功能,电脑软件,本文实例讲述了JavaScript实现离开页面前提示功能。分享给大家供大家参考,具体如下:离开页面前的提示不可以用onunload去做,因为它只是兼容IE,你要兼容Google与FireFox就蛋疼了。而且这个事件还是关闭之后才会触…

canvas实现动态小球重叠效果

canvas实现动态小球重叠效果

重叠,动态,小球,效果,电脑软件,前面的话在javascript运动系列中,详细介绍了各种运动,其中就包括碰壁运动。但是,如果用canvas去实现,却是另一种思路。本文将详细介绍canvas动态小球重叠效果静态小球首先,生成随机半径、随机位置的50个静态小球<b…

react-router JS 控制路由跳转实例

react-router JS 控制路由跳转实例

路由,控制,跳转,实例,电脑软件,Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢?下面是一个表单。<form onSubmit={this.handleSubmit}> <input type="text" placeholder=…

excel倒数函数的使用教程excel倒数

excel倒数函数的使用教程excel倒数

函数,使用教程,倒数,电脑软件,excel,  在Excel中,很多情况下需要进行倒数、正数的排列,这时需要用到RANK这一函数进行排序,下面是小编整理的excel倒数函数的使用教程以供大家阅读。希望对你有帮助!excel倒数函数的使用教程示例1:正排名excel倒…

利用javascript实现的三种放大镜效

利用javascript实现的三种放大镜效

三种,源码,实例,效果,电脑软件,本文实现的是一款简单的放大镜效果,有三种不同的样式,支持移动端;大家可以直接下载源码进行学习参考,下面来一起学习学习吧。实现效果如下效果一效果二效果三调用代码如下//前面是ID或者Class,后面有init里面参数…