我有一个简单的JavaScript,可以检查首页中当前的屏幕尺寸,并决定使用当前的桌面视图为用户提供服务还是重定向到移动网站:
if($(this).width() <= 1024){
window.location.href = 'http://www.m.website.com';
}
但是,我的移动网站有一个选项,允许用户在不喜欢该移动网站时切换到桌面视图,但是我应该怎么做,因为主页中的Javascript会阻止任何小于1024的屏幕?
感谢您的注意。
最佳答案
您的问题需要跨页面持久存储数据,因为如果用户明确要求查看所有页面(如在Desktop上),则您不想重定向到移动版本。
为了继续使用JavaScript(而不是php,asp.net或其他服务器端技术),一种解决问题的方法是利用名为LocalStorage的超酷HTML5功能。
因此,如果用户从移动版本中点击以获取桌面版本,则只需向本地存储中添加一个元素(HTML5功能)
localStorage.setItem("ViewAsDesktopVersion", true);
在检查屏幕分辨率时,请首先检查用户是否要有意查看桌面版本
if(localStorage.getItem("ViewAsDesktopVersion") == "true") ...
只需注意一些事情,即我们保存在localStorage上的“ true”值,它保存为字符串。不要像布尔值那样比较它。
干杯。