PC端访问WAP页面时自动跳转到PC版网页需要啥代码?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PC端访问WAP页面时自动跳转到PC版网页需要啥代码?相关的知识,希望对你有一定的参考价值。
PC端访问WAP页面时自动跳转到PC版网页需要什么代码?求大神解答,谢谢!
使用以下JS函数:
function uaredirect(f)try
if (document.getElementById("bdmark") != null)
return
var b = false;
if (arguments[1])
var e = window.location.host;
var a = window.location.href;
if (isSubdomain(arguments[1], e) == 1)
f = f + "/#m/" + a;
b = true
else
if (isSubdomain(arguments[1], e) == 2)
f = f + "/#m/" + a;
b = true
else
f = a;
b = false
else
b = true
if (b)
var c = window.location.hash;
if (!c.match("fromapp"))
if ((navigator.userAgent.match(/(iPhone|iPod|android|ios|SymbianOS)/i)))
location.replace(f)
catch(d)
function isSubdomain(c, d)
this.getdomain = function(f)
var e = f.indexOf("://");
if (e > 0)
var h = f.substr(e + 3)
else
var h = f
var g = /^www\\./;
if (g.test(h))
h = h.substr(4)
return h
;
if (c == d)
return 1
else
var c = this.getdomain(c);
var b = this.getdomain(d);
if (c == b)
return 1
else
c = c.replace(".", "\\\\.");
var a = new RegExp("\\\\." + c + "$");
if (b.match(a))
return 2
else
return 0
;
调用方式:
<SCRIPT type=text/javascript>uaredirect("手机站","WEB站");</SCRIPT>
另外,现在分别为PC和WAP开发两个网站的做法已经不再提倡了
推荐使用响应式框架如Bootstrap等,做一个网站,同时兼容PC端和移动端
成本更低追问
你是指做一个html5响应式网站比较好?
追答从成本角度讲是的!
如果你的项目是面向企业用户的B/S系统,受企业内部的终端版本限制,可能还无法大规模使用H5,否则老版本IE会出现兼容性问题
但如果是互联网项目,就不用顾忌那么多了
前台视图层推荐使用H5的响应式框架,服务端开发Restful接口
这样可以实现PC&移动的WEB跨端访问,还方便以后使用打包工具直接将视图层打成手机APP
直接检测 PC端还是WAP端,然后进行相应的跳转即可。
var browser =versions : function()
var u = navigator.userAgent, app = navigator.appVersion;
return //移动终端浏览器版本信息
mobile : (!!u.match(/AppleWebKit.*Mobile/) || !!u.match(/Windows Phone/) || !!u.match(/Android/) || !!u.match(/MQQBrowser/)) && !u.match(/iPad/)//是否为移动终端
;
()
if(browser.versions.mobile)
window.location.href="<a href="http://www.xxx.com/wap.html";" target="_blank">http://www.xxx.com/wap.html";</a>
以上是关于PC端访问WAP页面时自动跳转到PC版网页需要啥代码?的主要内容,如果未能解决你的问题,请参考以下文章