移动网站重定向与完整的网站链接

时间:2012-08-27 15:16:29

标签: javascript redirect mobile

我正在使用http://detectmobilebrowsers.com/中的javascript版本重定向到移动网站。唯一的问题是,我有一个链接可以访问整个网站,但用户希望/需要去那里。

但是,当您点击链接以从移动设备查看完整网站时,它会重新选择重定向并将其恢复为移动版本,而不是完整网站。

我正在做一些搜索,并想知道是否有可能破解它以便它使用

window.location.href.indexOf

或者像这样的那种性质:

if(window.location.href.indexOf("mobile/index.html") > -1)
{window.location = "http://thefullsiteURL.com"}
else { function (a, b) {
if (//mobile direction stuff from detectmobilebrowsers.com
})(navigator.userAgent || navigator.vendor || window.opera,
'http://thefullsiteURL.com/mobile/index.html')};

保持在中间,这是我拼凑的东西,我的JS技能相当新,所以如果任何人有一个更优雅的解决方案,我就是全部。

1 个答案:

答案 0 :(得分:6)

在完整站点链接中设置会话cookie以及查询字符串值。然后,让您的移动检测代码首先检查cookie值,第二个检查查询字符串,最后检查用户代理移动检测。

因此,您的完整站点链接应与查询字符串触发器类似:

<a href='http://mysite.com?fullsite=true'>Link to full site</a>

然后在您的移动设备中检测:

;(function(a,b) {

    if (document.cookie.indexOf('fullsite') > -1) {
        return; // skip redirect
    }
    if (location.search.indexOf('fullsite') > -1) {
        document.cookie = 'fullsite=true; path=/;'
        return; // skip redirect
    } 
    if (/mobile regex conditional goes here/) {
        window.location = b;
    }
})(navigator.userAgent || navigator.vendor || window.opera, 'http://thefullsiteURL.com/mobile/index.html')