毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> 开发语言 >> 正文

手机上点击电脑版链接返回WEB页面而不是wap

更新时间:2016-5-17:  来源:毕业论文

JS怎样使手机浏览pc网页时自动跳转到WAP页面,在wap页面底部有一个此网页对应的电脑版的链接,我希望用户在点了电脑版后,在手机上也一样能浏览电脑版,而不是又被电脑版的网页判断是手机的浏览再跳转到手机网页,下面是网上搜索到的一个思路,由于技穷,求完整代码,谢谢!

/ 找个获取url参数的方法
var getParamFromURL = function() {
    // TODO
};
// 找个判断当前设备是否是电脑的方法
var checkDesktop = function() {
    // TODO
}
var wwwURL = 'http://www.youerw.com/ ?desktop=true'; //强制进入电脑版的URL
var mURL = 'm.baidu.com';  // 手机版URL
//假设进入"http://www.youerw.com/";
var isDesktop = checkDesktop();
var wantDesktop = getParamFromURL('desktop')  === 'true';
// 当设备是手机且不想要去电脑版的时候去手机版
// 当设备是手机且想要去电脑版的时候加上desktop=true就不会跳转了
if (!isDesktop && !wantDesktop) {
        window.location.replace(mURL);
}


"我希望用户在点了电脑版后,在手机上也一样能浏览电脑版"设置cookie 检测到cookie就不跳转到wap页面

if(!cookie.使用电脑版){
if(是移动端)跳转。。。
} 请求由后端做次转发 要不页面会有跳转的进度条 

在电脑版网页插入代码如下:

<!---识别手机或电脑的js开始--->
<script language="javascript">
(function(){
    var res = GetRequest();
    var par = res['pc']; //获取html附带的参加pc=1,如果不为1则跳转,为1不跳转。
    if(par!='1'){
        var ua=navigator.userAgent.toLowerCase();
        var contains=function (a, b){
            if(a.indexOf(b)!=-1){return true;}
        };
//将下面的网址改成你的wap手机版页面地址
        var toMobileVertion = function(){
            window.location.href = 'm.XXXXcom/html/'
        }

        if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false}
        if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))
    ||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}
    }
})();
function GetRequest() {
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
</script>
<!---识别手机或电脑的js结束--->


wap页上的电脑版链接写在实际电脑 版的网址?pc=1就行了。
<script id="testScript" type="text/javascript" src="/js/wapjump.js" data="传送的网址"></script>

js端接收就行了

var mUrl = document.getElementById('testScript').getAttribute('data');

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。