根据设备跳转pc或移动端网站

以前也了解过这样的需求,今天做活动页也遇到了这样的需求,查了一些大牛的资料,我是使用正则方法判别,后边的直接使用图片了,记录一下代码:

1.根据访问设备自动识别展示手机或pc网站

var system = {
    win:false,
    mac:false,
    xll:false
}
var p = navigator.platform;
system.win = p.indexOf('Win') == 0;
system.mac = p.indexOf('Mac') == 0;
system.xll = (p == "Xll") || (p.indexOf("Linux") == 0)
      if(!(system.win || system.mac || system.xll)){

      }
      else {
        window.location.href = "http://localhost:63342/gmys/index.html"
      }

2.根据移动端和浏览器版本信息判断
根据设备跳转pc或移动端网站_第1张图片

3.自动死别手机,ipad,wap页面
根据设备跳转pc或移动端网站_第2张图片
4.自动识别
根据设备跳转pc或移动端网站_第3张图片
5.自动识别移动端适配
根据设备跳转pc或移动端网站_第4张图片

6.正则匹配

 var _pattern = "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos"
    var _regex = new RegExp(_pattern, "ig");
    var _UA = navigator.userAgent;
    if(_regex.test(_UA)){
        location.href="网址";
    }

你可能感兴趣的:(移动端)