笔记-前端判断设备并跳转不同的地址

冬至@

已于 2023-02-18 10:40:57 修改

阅读量202

点赞数

分类专栏：笔记文章标签： iphone ios 前端

于 2023-02-18 10:38:47 首次发布

本文链接：https://blog.csdn.net/qq_40649554/article/details/129097670

版权

笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

这段代码用于检测用户访问设备，如果是PC则跳转至特定URL，如果是移动设备（如iPhone,Android,iPad等）则跳转至WAP页面。通过分析navigator.userAgent来识别设备类型。

摘要由CSDN通过智能技术生成

判断设备是PC设备，不是就跳转、加到`</head>`之前即可

<script type="text/javascript">      
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = 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) == "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";
if(bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM){
window.location.href = "这里输入WAP页面的绝对URL地址";
}
}
browserRedirect();
</script>

判断设备是移动设备（wap），不是就跳转、加到`</head>`之前即可

<script>
        if( navigator.userAgent.match(/Android/i)
            || navigator.userAgent.match(/webOS/i)
            || navigator.userAgent.match(/iPhone/i)
            || navigator.userAgent.match(/iPad/i)
            || navigator.userAgent.match(/iPod/i)
            || navigator.userAgent.match(/BlackBerry/i)
            || navigator.userAgent.match(/Windows Phone/i)
        ){
        }else{
        window.location.href="这里输入PC页面的绝对URL地址 ";
        }
</script>