原来写过一文件介绍是Nginx端来判断是否是移动端并跳转到指定URL(Nginx-判断是否移动端访问并跳转到相应URL),在Nginx端进行判断并跳转的这种方式要比JS端好的多,可以相对减少对服务器资源耗费,不过需要你有服务器的控制权才可以在服务器上面操作,所以这里介绍一下JS方法,直接在代码端进行控制,不需要对服务器有管理权限就可以直接操作,下面是代码:
<script>
//手机端跳转到指定页面
(function browserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
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) == 'web';
var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
var bIsAndroid = sUserAgent.match(/android/i) == 'android';
if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){
window.location.href = 'https://www.qzze.com'; //移动端跳转到指定URL
}
})();
</script>
还是响应式的一个页面好,两个端维护成本太高,有些也不能去实现。