从移动网站切换到桌面网站？答案

【问题标题】：Switch from mobile to desktop website?从移动网站切换到桌面网站？
【发布时间】：2014-04-18 05:19:07
【问题描述】：

我有一个简单的 JavaScript 来检查主页中的当前屏幕大小，并决定使用当前桌面视图为用户提供服务或重定向到移动网站：

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

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

感谢您的提醒。

【问题讨论】：

【解决方案1】：

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

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

因此，如果用户从移动版本点击以获取桌面版本，您只需将元素添加到本地存储（HTML5 功能）

localStorage.setItem("ViewAsDesktopVersion", true);

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

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

只需注意一些事情，我们保存在 localStorage 上的“真实”值，它保存为字符串。不要像布尔值一样比较它。

干杯。

【讨论】：

对于那些想知道为什么 "true" == true 返回 false 的人，因为 "true" 被转换为 NaN，而 true 被转换为 1。查看此参考 stackoverflow.com/questions/11363659/…
@ShaikMahaboobBasha 谢谢！我没有意识到。完全有道理。