跨平台移动开发 手机浏览器访问网站自动跳转移动端网站代码

以下代码可以解决部分手机浏览器跳转移动端网站

<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机浏览器访问网站自动跳转移动端网站代码</title>
</head>
<script type="text/javascript">

function mobile_device_detect(url) {

    var thisOS = navigator.platform;

    var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile");

    for (var i = 0; i < os.length; i++) {

        if (thisOS.match(os[i])) {
            window.location = url;
        }

    }

    //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
    if (navigator.platform.indexOf('iPad') != -1) {
        window.location = url;
    }

    //做这一部分是因为Android手机的内核也是Linux
    //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断
    var check = navigator.appVersion;

    if (check.match(/linux/i)) {
        //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件
        if (check.match(/mobile/i) || check.match(/X11/i)) {
            window.location = url;
        }
    }

    //类in_array函数
    Array.prototype.in_array = function (e) {
        for (i = 0; i < this.length; i++) {
            if (this[i] == e)
                return true;
        }
        return false;
    }
}
//移动端的网站地址
mobile_device_detect("http://m.XXXXXX.com");

</script>
<body>
</body>
</html>
<script>var uaTest = /Android|webOS|Windows Phone|iPhone|ucweb|ucbrowser|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase());var touchTest = 'ontouchend' in document;if(uaTest && touchTest){window.location.href = 'http://m.xxxxxxx.com/';}</script>
<script>var uaTest = /Android|webOS|Windows Phone|iPhone|ucweb|ucbrowser|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase());var touchTest = 'ontouchend' in document;if(uaTest && touchTest){window.location.href = 'http://m.xxxxx.com/';}</script>
原文地址:https://www.cnblogs.com/cube/p/3486162.html