JS手机访问PC网站自动跳转代码

原创于 2023-03-11 11:37:30 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

文章介绍了两种JavaScript函数，用于检测用户设备并据此实现自动跳转。当手机用户访问网站时，页面会无缝重定向到移动端网址，提供更好的移动浏览体验。这两种方法需要嵌入到HTML的<script>标签中使用。

代码一：

function urlredirect() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
        var thisUrl = window.location.href;
        window.location.href = thisUrl.replace("www", "m");
    }
}
urlredirect();

举例：

http://www.xushifubaojie.com

手机访问自动跳转

http://m.xushifubaojie.com

自动识别手机访问或PC访问，手机访问，自动跳转，推荐使用。

代码二：

function isMobile() {
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
        return true;
    } else {
        return false;
    }
}
if (isMobile() !== false) {
    window.location.href = "移动端网址";
}

此法需配置自己的移动端网址，否则不能丝滑跳转。