判断当前终端是手机还是pc端并进行不同的页面跳转

判断当前设备(终端)是手机还是pc端并进行不同的页面跳转

DEMO 1

<script type="text/javascript">
    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= ‘m.html‘;
        } else {
//            window.location= ‘‘;
        }
    }
    browserRedirect();//调用自身,页面一打开就开始跳转
</script>

DEMO 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.jb51.net"+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>

DEMO 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>

  
  //其他的适配代码(后缀名为.js 并引用至网页)
  <script type="text/javascript">
  //平台、设备和操作系统
  var system = {
  win: false,
  mac: false,
  xll: false,
  ipad:false
  };
  //检测平台
  var p = navigator.platform;
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  //跳转语句,如果是手机访问就自动跳转到" "里的页面
  if (system.win || system.mac || system.xll||system.ipad) {
  
  } else {
  
  window.location.href = "此处填写你的链接地址";
  }
  </script>
时间: 2024-10-07 05:29:50

判断当前终端是手机还是pc端并进行不同的页面跳转的相关文章

php或js判断网站访问者来自手机或者pc端源码

很多时候也可以通过逻辑程序来进行判断,如PHP.JS是常用的两种识别访问设备类型的常用方法. 原理都是采用识别访问客户端的HTTP_USER_AGENT,然后进行关键字匹配进行确定设备类型,对于伪造HTTP头的就区分不出来了. 区分设备类型然后要做的就是能够针对不同设置显示出易于阅读的网页,具体可以研究响应式布局技术. 本文主要介绍如何通过php或js来识别终端类型. <?php class IsMobile { public static function isMobile() { $user

判断客户端是否是手机或者PC

/// <summary> /// 判断客户端是否是手机或者PC /// </summary> /// <returns></returns> public static bool IsMobileDevice() { HttpContext context = HttpContext.Current; //C#自带方法判断是否为移动端 if (context.Request.Browser.IsMobileDevice) { return true; }

php或js判断网站访问者来自手机或者pc机

php或js判断网站访问者来自手机或者pc机 针对不同平台选择不同的网站版本,最终总结如下: 一.JS版代码: <!--切换手机版网站---> <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script> <script type="text/javascript&

我的Android进阶之旅------&gt;Android实现用Android手机控制PC端的关机和重启的功能(一)PC服务器端

因为经常开着笔记本工作,累了就坐床上玩手机,但晚上要睡觉了又不想下床去关电脑,就想做个Android软件来控制PC端的关机和重启.要想实现此功能,就得让Android手机和PC之间进行通信才能,因此采用Socket编程来实现. ==================================Shutdown命令的用法======================================== 首先得了解一下关于Shutdown命令的用法. 选择win+R,打开命令行窗口,输入shutdo

用ThinkPHP3.2.2框架做手机和PC端浏览器的切换

ThinkPHP搭建手机版网站: http://www.php100.com/html/php/lei/2013/0904/1699.html 这篇文章(肯定不是基3.2.2讲的)是在框架入口通过判断手机还是PC访问来决定app的路径,这样,我手机web和pc就不能共用MVC三层了. -----------------------------------------------------------------------------------------------------------

js判断移动终端(手机浏览器)

方法1: <script type="text/javascript">         var browser = {             versions: function () {                 var u = navigator.userAgent, app = navigator.appVersion;                 return {//移动终端浏览器版本信息                     trident: u.

我的Android进阶之旅------&amp;gt;Android实现用Android手机控制PC端的关机和重新启动的功能(二)Androidclient功能展示

Androidclient的实现思路大致例如以下: 1.首先扫描局域网内全部PC,看是否有PC端的server在执行并监听30000port. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center"> 2.假设没有扫描到有PC端的server在执行并监听30000port.则又一次扫描或者退出. 3.扫描到了有

bootstrap导航菜单,手机和PC端

<!DOCTYPE html> <html> <head lang="en"> <meta name="viewport" content="width=device-width"/> <meta charset="UTF-8"> <title></title> <!-- 新 Bootstrap 核心 CSS 文件 --> <

JS判断是wap端访问网站还是PC端访问,然后进行自动跳转的代码

<script type="text/javascript"> function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { windo