js识别手机访问自动跳转到相应页面

/*
* 智能机浏览器版本信息:
*
*/
  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应该程序,没有头部与底部
            };
         }(),
         language:(navigator.browserLanguage || navigator.language).toLowerCase()
}

/*
* 调用方法:mobT()//放到那些需要跳转的页面底部
*
*/
function mobT(){
    if(browser.versions.android || browser.versions.iPhone || browser.versions.ios){
        var tourl="";
        var url=document.location.href;
        var sarr=url.split("/");//将url地址按"/"分段主要是用来获取需要跳转的页面然后拼接
        if(sarr[3]!=null){
            if(sarr[3].indexOf("work")>-1 || sarr[3].indexOf("about")>-1 || sarr[3].indexOf("friend")>-1 || sarr[3].indexOf("photo")>-1);//判断这些页面是不需要跳转的,因为我添加的是模板,所以要判断。
            else if(sarr[3].indexOf("index")==0)
                tourl="m/";
            else
                tourl="m/"+sarr[3];//拼接 以http://www.86y.org/art_detail.aspx?id=583为例,需要获取只是art_detail.aspx?id=583部分,所以手机页面是 m/art_detail.aspx?id=583。依此类推!
        }
        else
            tourl="m/index.aspx" //首页拼接
        window.location.href=tourl;
    }
}

------------------------------------第二种------------------------------------------------------

电脑端地址:例:(86y.org)手机端地址:例:目录(86y.org/m)或二级域名(m.86y.org)

function mobT(){
   var sUserAgent = navigator.userAgent.toLowerCase();
   var tourl="";
   var url=document.location.href;
   var pcurl="86y.org";
   var moblieurl="86y.org/m";
   if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
      //pc端转手机端
      if(url.indexOf(moblieurl)==-1)
      {
        tourl=url.replace(pcurl,moblieurl);
        window.location.href=tourl;
      }
   }
   else{
      //手机端转pc端
      if(url.indexOf("http://styhsoft.eicp.net:4658/test/m/")!=-1)
      {
        tourl=url.replace(moblieurl,pcurl);
        window.location.href=tourl;
      }
   }
  }
  mobT();
时间: 2024-12-25 11:50:40

js识别手机访问自动跳转到相应页面的相关文章

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

手机访问自动跳转

$ua = strtolower($_SERVER['HTTP_USER_AGENT']); $uachar = "/(nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|mobile)/i"; $smartuachar = "/(ipad)/i"; if(!(preg_match($smartuachar, $ua)) && ($ua =

百度Site App的uaredirect.js实现手机访问,自动跳转网站手机版

以下为代码,可放置在网站foot底部文件,或者haead顶部文件,建议将代码放在网站顶部,这样可以实现手机访问立即跳转! <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirec

JS中5秒中跳转到其他页面

原文:JS中5秒中跳转到其他页面 1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 3 <title>无标题文档</title> 4 <script type="text/javascript"> 5 function countDown(secs,surl){ 6 //al

nginx配置http访问自动跳转到https

一.按照如下格式修改nginx.conf 配置文件,80端口会自动转给443端口,这样就强制使用SSL证书加密了.访问http的时候会自动跳转到https上面. server { listen 80; server_name www.域名.com; rewrite ^(.*) https://$server_name$1 permanent; } server { listen 443; server_name www.域名.com; root /home/www; ssl on; ssl_ce

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有效

PHP根据设备类型自动跳转相应网址页面,这个现在实用

现在移动设备上网也很方便,比如Android智能手机,iPhone/iPad等,很多网站都相继推出了针对电脑和这些手机等移动设备访问的网页,如果你的系统是用PHP写的,那面本代码对你会很实用,可根据这些移动设备终端自动跳转到适合它们浏览的页面,也就是在电脑站和手机站智能判断并跳转. <?php $agent = strtolower($_SERVER['HTTP_USER_AGENT']); $iphone = (strpos($agent, 'iphone')) ? true : false;

Android欢迎页面2秒钟后自动跳转到主页面

页面跳转 一.功能介绍 打开APP先进入欢迎页面,2秒钟后自动进入主页面 二.项目结构分析 三.详细代码 1.WelcomeActivity.java package com.xingyun.shoopingmail4; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import com.xingyun.shoopin

利用JS实现手机访问PC网址自动跳转到wap网站

方法一:使用百度siteapp中的js进行判断 <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("需要跳转的手机网址")</script&g