javascript - 不在移动设备上时重定向

Question

我正在构建一个针对移动设备优化的页面，其中包含一个联系表单和一个收据页面。在我们的 CMS 中，我们有一个具有相同内容的“桌面”页面，但我无法根据 CSS、重定向或任何其他类型来编辑桌面页面。

移动页面将用于仅限移动设备的广告系列。但是，我想确保，如果有人最终从台式机或平板电脑访问该页面，他们将被重定向到台式机版本。

我见过这样的脚本:

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script> 

但是，嘿，现在手机的分辨率高得多，所以反向“如果 >=699 则重定向到桌面站点”可能对我不起作用，对吗？三星 Galaxy s 3 几乎具有桌面分辨率...使用媒体查询并不是一个真正的选择，因为这是两个独立的站点(由于旧的、严格的 CMS)。那么我该如何重定向非手机和平板电脑用户，同时任何手机上的任何人都停留在移动页面上。

请注意 - 我们的服务器不运行 PHP，我无法更改服务器端文件。我认为我需要一些类似 JavaScript 的东西。

Answer 1

这是我使用的一个很好的片段:

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()) {
    window.location = 'http://m.example.org';
}