js判断手机访问或者PC的几个例子(常用于手机跳转)


Posted in Javascript onDecember 15, 2015

例子一

<script>
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='https://3water.com';
  }else{
 //window.location.href='http://m.3water.com'; 
 }
}
$(function(){
 browserRedirect();
});
</script>

例子2

<script type="text/javascript">
(function(){
  var reWriteUrl = function(url){
    if(url){
      var Splits = url.split("/"),siteName=window.location.pathname;
      if(typeof siteName!=="undefined"){
        return "http://m.3water.com"+siteName;
      }
    }
  };
  if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){
    var url=window.location.href;
    var pathname=window.location.pathname;
    if(url.indexOf("?mobile")<0){
    try{
      window.location.href=reWriteUrl(url);
    }catch(e){}
    }
  };
})();
</script>

注意,如果给搜索引擎看的话我们在文件头加入
<meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.3water.com" />
<meta http-equiv="mobile-agent" content="format=html5; url=http://m.3water.com" />
意思是告诉搜索引擎移动蜘蛛抓取的是手机版本的.

Javascript 相关文章推荐
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
详解用vue.js和laravel实现微信支付
Jun 23 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
webpack v4 从dev到prd的方法
Apr 02 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
JavaScript 定时器详情
Nov 11 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 #Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 #Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 #Javascript
jQuery进行组件开发完整实例
Dec 15 #Javascript
JavaScript组件开发完整示例
Dec 15 #Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 #Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 #Javascript
You might like
基于mysql的bbs设计(二)
2006/10/09 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
简介JavaScript错误处理机制
2020/08/04 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
python开发游戏的前期准备
2019/05/05 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
会计出纳岗位职责
2013/12/25 职场文书
外企求职信范文分享
2013/12/31 职场文书
体育课外活动总结
2014/07/08 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
你真的了解redis为什么要提供pipeline功能
2021/06/22 Redis
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android