仅在移动设备上将特定URL重定向到另一个URL

Question

我已经建立了一个响应站点，并且主页在移动设备上是多余的，我希望能够重定向到特定的内部页面。 我已经找到了重定向到网站的移动版本的解决方案，但是当我遇到重定向循环或您无法访问该网站上的任何其他页面时，此方法不起作用。

例如，我想重定向： http : //www.url.com/home

至

http://www.url.com/portfolio

仅在移动设备上。 而且只有那一页。

Answer 1

将此代码插入http://www.url.com/home文件

var isMobile = {
Android: function() {
    return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
    return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
    return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
    return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
},
any: function() {
    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}};
if( isMobile.any() ) {
    window.location.assign("http://www.url.com/portfolio");
}

Answer 2

这可以通过使用一些JavaScript轻松实现。 if语句中的代码检测用户是否正在使用移动设备（Android，iOS，Kindle，BlackBerry，Windows Phone，Kindle等），而if语句中的代码仅将用户重定向到您指定的链接。

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
    window.location.replace("http://www.url.com/portfolio");
}

Answer 3

如果您使用的是php，则有可以进行移动检测的库。 Google实际上提供了一种： https : //code.google.com/p/php-mobile-detect/

在移动设备上，将任何内容发送到客户端之前，先将设置的位置检测到http://www.url.com/portfolio 。

如果使用的是javascript，则有些棘手，但是您可以大致了解用户代理，并将变量设置为哪种设备。

在jQuery中检测移动设备的最佳方法是什么？

一旦有了该变量，就可以对重定向URL执行document.location。