PC端访问WAP页面时自动跳转到PC版网页需要什么代码？

发布网友 发布时间：2022-04-20 10:04

我来回答

共2个回答

热心网友 时间：2023-08-30 16:40

使用以下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

热心网友 时间：2023-08-30 16:41

直接检测 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>
}