JS判断手机浏览器，并跳转到手机端网页

最新推荐文章于 2023-03-11 11:37:30 发布

原创最新推荐文章于 2023-03-11 11:37:30 发布 · 4.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#web前端

本文介绍了一段JavaScript代码，用于实现从电脑端页面自动跳转至移动端页面的功能。通过判断用户代理（User-Agent）来识别设备类型，并依据不同的设备类型进行相应的页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在js代码中插入以下代码片段

    <script type="text/javascript">
        try {
            var urlhash = window.location.hash;
            if (!urlhash.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) {
                    window.location = "手机端地址";
                    //例如：www.123.com 电脑端 → www.123.com/m/移动端,跳转地址填"/m/"或http://www.123.com/m/
                }
            }
        }
        catch (err) {
        }
    </script>

最好放在HTML的头部，否则会将电脑端的HTML执行一遍再跳转，以避免不必要的资源浪费