seo建站小孟前段时间做过一批网站,电脑端和手机端是独立分开的,但是除了开头的www和m不同,其他都是一样的,所有的页面都是一一对应起来的。如果想要这样的网站实现手机与电脑自动识别跳转,应该怎么做呢?其实很简单,一段短短的js代码就搞定了~

电脑移动端跳转

www电脑端跳转到m手机端,所有链接必须是一一对应的,而且是一样的~


<script>
 (function () {
    var url = location.href;
    if ( (url.indexOf('www.您的域名.com') != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) {
        var newUrl = url.replace('https://www', 'https://m');
        location.href = newUrl;
    }
})();
 </script>

将这段代码放在页面的<head>里面就行。

m手机端跳转到www电脑端,所有链接必须是一一对应的,而且是一样的~


<script>
 (function () {
    var url = location.href;
    if ( (url.indexOf('m.您的域名.com') != -1) && !navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) {
        var newUrl = url.replace('https://m', 'https://www');
        location.href = newUrl;
    }
})();
 </script>

将这段代码放在页面的<head>里面就行。

如果您添加失败,可以添加小孟的微信,咱们一起探讨哈~
加微信