(请注意:客户对以下内容的要求不在我手中)
我目前正在开发一个将具有“移动视图”和“桌面视图”的网站。我已经使用 jQuery 进行了设置,以根据单击的内容编辑元视口数据
$( '.desktop-site-link' ).click(function() {
viewport = document.querySelector('meta[name=viewport]');
viewport.setAttribute('content', 'width=1024');
return false;
});
$( '.mobile-site-link' ).click(function() {
viewport = document.querySelector('meta[name=viewport]');
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0');
return false;
});
我现在要做的是添加一个 cookie 来检查网站是“在桌面上”还是“在移动设备上”(如果通过链接选项(在页脚中)选择的话),这样如果用户转到新页面,他们就会得到“选择”网站“设计”。
有任何想法吗?我一直在看这个 - https://github.com/carhartl/jquery-cookie - 但不确定我需要添加哪些数据才能使新页面显示“桌面”或“移动”视图。
提前致谢。