JavaScript设置不同来路链接跳转不同的落地页？设备检测

需求说明：

有三个不同来路的二级域名，PC端访问，显示主域名所展示的落地页；移动端显示不同的二级目录落地页；如下：

访问域名a01.domain.com; PC访问 展示www.domain.com；移动端访问展示  http://loadpage.com/aa；

访问域名a02.domain.com; PC访问 展示www.domain.com；移动端访问展示  http://loadpage.com/bb；

访问域名a03.domain.com; PC访问 展示www.domain.com；移动端访问展示  http://loadpage.com/cc； 

设置方法：

1.在服务器上，将a01.domain.com；a02.domain.com；a03.domain.com全部绑定到www.domain.com对应的文件；

2.在访问域名和www主域名对应的主页面 head标签内，添加如下代码：

        (function go_mobile() {

                var sUserAgent = navigator.userAgent.toLowerCase();
                var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs = sUserAgent.match(/iphone/i) == "iphone";
                var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid = sUserAgent.match(/android/i) == "android";
                var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
                var bIsWp = sUserAgent.match(/windows phone/i) == "windows phone";
                var hostUrl = window.location.href;


                if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM || bIsWp) {
                    if (hostUrl.indexOf("a01") != -1) {
                        location.href = 'http://loadpage.com/aa'; //MB
                    }
                    if (hostUrl.indexOf("a02") != -1) {
                        location.href = 'http://loadpage.com/bb'; //MB
                    }

                    if (hostUrl.indexOf("a03") != -1) {
                        location.href = 'http://loadpage.com/cc'; //MB
                    }

                } else {
                    location.href = 'http://www.domain.com/'; //2022/3/23
                }
            })();

即可实现不同设备端的跳转。

技术分析：

主要JavaScript方法：

1.navigator.userAgent    设备检测

2.match                          字符串匹配检测

3.indexOf                        字符串存在检测

4.location.href                 重定向跳转

应用场景：

不同的落地页【广告】在不同设备不同地域不同人群不同时间的差异化展示与投递；做到精准投放与防止链接被风控误报，以致于网站宕机。