Question

所以，我之前看过这个问题，但没有真正的答案（除非我错过了）。

我正在使用此网站重定向到site.com上的移动网站

      if (screen.width <= 800) {
      window.location = "/m";
      }

在m.site.com上重定向到桌面版的简单HTML

     <a href="../"> Desktop Version </a>

但当然，由于上面的if语句，它会重定向到移动版本。

如何使用javascript来解决这个问题？

谢谢。

Answer 1

本地存储受到广泛支持，所以让我们使用它。不需要打扰饼干。

如果我们在点击移动网站上显示的“桌面版本”链接时执行此类操作：

localStorage.setItem("forceToDesktop", "true")
// Followed by redirect to desktop with JS

我们修改屏幕宽度检查以包含对上述值的检查：

if (localStorage.forceToDesktop !== "true" && screen.width <= 800) {
    // Do redirect stuff
}

如果forceToDesktop值设置为不，且屏幕宽度小于或等于800，则会显示移动网站。

但是，仍有一部分难题缺失。在选择仅查看桌面网站后，移动用户如何返回移动网站？

我们需要以某种方式删除forceToDesktop值。我会做这样的事情。

if (localStorage.forceToDesktop === "true" && screen.width <= 800) {
    // Add a link to the page called something like "view mobile site",
    // and have it run the below javascript function on click
    var backToMobile = function () {
        localStorage.removeItem("forceToDesktop");
        // Redirect back to the mobile version of the page, 
        // or just redirect back to this page, and let the normal 
        // mobile redirect do its thing.
    }
}

如何创建一个桌面版本＆＃34;移动网站上的链接没有重定向到移动网站

1 个答案: