将特定URL重定向到moblile上的另一个URL

Redirect Specific URL to another URL on moblile only

本文关键字:URL 另一个 moblile 重定向      更新时间:2023-09-26

我已经建立了一个响应式网站,并且主页在移动设备上是多余的,我希望能够重定向到特定的内部页面。我已经找到了重定向到移动版网站的解决方案,但这不起作用,因为我会收到重定向循环,或者你无法访问网站上的任何其他页面。

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

http://www.url.com/portfolio

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

在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");
}

这可以通过使用一些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");
}

如果您使用php,则有一些库可以进行移动检测。谷歌实际上提供了一个:https://code.google.com/p/php-mobile-detect/

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

如果是javascript,这有点棘手,但您可以大致了解用户代理,并将变量设置为哪种设备。

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

一旦你有了这个变量,你就可以对重定向URL进行document.location。

相关文章: