PC端判断屏幕宽度到达手机宽度的时候，直接跳转手机页面

最新推荐文章于 2024-06-01 15:57:57 发布

原创最新推荐文章于 2024-06-01 15:57:57 发布 · 3.4k 阅读

4 ·

CC 4.0 BY-SA版权

小同时被 2 个专栏收录

109 篇文章

订阅专栏

java知识

18 篇文章

订阅专栏

本文介绍了一种通过JavaScript检测用户设备类型，并在检测到移动设备时自动跳转至移动端登录页面的技术方案。该方法利用navigator.userAgent属性来识别常见的移动操作系统。

<script>
    // //判断屏幕宽度到达手机宽度的时候，直接跳转手机页面
    // window.addEventListener("resize", function() {
    //     if (/Android|ios|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    //         window.location.href = 'http://103.47.137.221/mob/login.html';
    //     }
    // })
</script>
<script type="text/javascript">
    (function() {
        var sUserAgent = navigator.userAgent;
        if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) {

            location.href = 'http://103.47.137.221/mob/login.html';
        } else {

        }
    })();
</script>