JS怎样使手机浏览pc网页时自动跳转到WAP页面,在wap页面底部有一个此网页对应的电脑版的链接,我希望用户在点了电脑版后,在手机上也一样能浏览电脑版,而不是又被电脑版的网页判断是手机的浏览再跳转到手机网页,下面是网上搜索到的一个思路,由于技穷,求完整代码,谢谢!
/ 找个获取url参数的方法
var getParamFromURL = function() {
// TODO
};
// 找个判断当前设备是否是电脑的方法
var checkDesktop = function() {
// TODO
}
var wwwURL = 'http://www.chuibin.com/ ?desktop=true'; //强制进入电脑版的URL
var mURL = 'm.baidu.com'; // 手机版URL
//假设进入"http://www.chuibin.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');