检测重定向并相应地显示网站

Detect redirect and display website accordingly

本文关键字：显示 网站 重定向 检测      更新时间：2023-09-26

我有一个主网站，可以在必要时重定向到移动网站。移动站点看起来完全不同，并且存储在子目录中。当移动用户选择查看主（完整）网站时，我想：

  1. 重定向到整个站点

  2. 让整个站点检测重定向（因此它将显示为整个站点）

  3. 如果需要，可以切换回移动版本。

实现这一切最有效的方法是什么？

这是我如何重定向到移动版从主要：

if (screen.width < 1280) {
    window.location = "http://mainSite.com/mobile/home.html";
}

谢谢！

有几种方法可以做到这一点：

1） 您可以在URL中传递一个查询参数，让消费页面知道您的意图。

//m=0 means MobileVersion=No
window.location = "http://mainSite.com/home.html?m=0";

优点：易于进行

缺点：如果每个页面都执行此检查，则必须继续在每个页面上传递此参数。雅虎在他们的主页上这样做，但当我点击一个子页面时，我会再次获得移动版本，因为他们没有继续传递URL参数。

2） 使用cookie存储用户的网站版本首选项。然后在代码中再次检查。

设置cookie：

document.cookie = 'prefmobile=0; expires=Thu, 1 Apr 2015 23:59:59 UTC; path=/'

优点：跨页面持久调用，不会干扰URL参数。

缺点：如果用户的cookie被禁用。。。

然后总是有响应式设计，无论你是否想要，它都会迫使你移动。）

或者只需要一个按钮，用户可以根据需要切换到不同的版本。如果屏幕宽度<1280.

希望这能有所帮助！

相关文章：