从手机切换到桌面网站？

Question

我是一个简单的JavaScript，用于检查首页中的当前屏幕尺寸，并决定使用当前桌面视图为用户提供服务，还是重定向到移动网站：

if($(this).width() <= 1024){
  window.location.href = 'http://www.m.website.com';
}

但是我的移动网站有一个选项，允许用户在不喜欢移动网站的情况下切换到桌面视图，但我应该怎么做，因为我的主页中的Javascript会阻止任何较小的屏幕比1024？

感谢您的提醒。

Answer 1

您的问题需要跨页面持久存储数据，因为如果用户明确要求查看桌面上的所有页面，则您不希望重定向到移动版本。

为了继续使用JavaScript（而不是php，asp.net或其他服务器端技术），您的问题的一个解决方案是利用名为LocalStorage的酷HTML5功能。

因此，如果用户点击移动版本以获取桌面版本，则只需向localstorage添加元素（HTML5功能）

localStorage.setItem("ViewAsDesktopVersion", true);

当您检查屏幕分辨率时，请先检查用户是否有意查看桌面版本

if(localStorage.getItem("ViewAsDesktopVersion") == "true") ...

请注意我们保存在localStorage上的“真实”值，它保存为字符串。不要把它比作布尔值。

干杯。