移动端访问PC链接自动切换链接地址

 

现在很多网站都是自适应的,不过问题来了,其实有些在pc端的体验更好,有些功能在移动端的体验更好。所以最好还是分来做,比如博客平台简书,当你在手机端打开的时候,页面就不一样了,是因为做了页面的跳转。在手机端访问的不是pc端访问的系统。

如何才能进行自动检测跳转呢?

直接上码:

$(document).ready(function() {
    var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i) ? true : false;
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i) ? true : false;
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i) ? true : false;
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
    }
};
    if( isMobile.any() )
    {
       var path="http://mls.91smy.net";
window.location.href=path;
    }
});

推荐阅读:

javascript历史以及ECMAScript理解

JavaScript函数及其参数使用详解

10道JavaScript面试题——画重点

JavaScript数据类型——前端入门

JavaScript对象方法及this用法详解

本文为博主原创文章,知识共享,开源精神,转载注明出处。