【前端】根据设备信息进行页面跳转

最新推荐文章于 2022-11-22 15:45:49 发布

原创最新推荐文章于 2022-11-22 15:45:49 发布 · 426 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #html5

前端同时被 2 个专栏收录

6 篇文章

订阅专栏

WEB

3 篇文章

订阅专栏

博客提到可依据设备型号、宽度进行判断，且跳转逻辑能更精细，涉及前端开发中对设备的处理和逻辑优化。

var redirect = () => {
    let userAgent = navigator.userAgent.toLowerCase();
    let device = /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/;
    if(device.test(userAgent)) {
        // 跳转移动端页面
        window.location.href = 'move.html';
    } else {
        // 跳转PC端页面
        window.location.href = 'pc.html';
    }
}

redirect();

也可以根据设备型号、宽度做判断。跳转的逻辑也可以跟细腻一些。