Javascript 设置cookie以检查是否单击了2个链接中的1个并传递JS

Javascript 设置cookie以检查是否单击了2个链接中的1个并传递JS,javascript,cookies,viewport,Javascript,Cookies,Viewport,(请注意:我无法处理以下客户请求) 我目前正在一个网站上工作,该网站将有一个“移动视图”和一个“桌面视图”。我已经使用jQuery设置了这个选项,根据单击的内容编辑元视口数据 $( '.desktop-site-link' ).click(function() { viewport = document.querySelector('meta[name=viewport]'); viewport.setAttribute('content', 'width=1024'); re

(请注意:我无法处理以下客户请求)

我目前正在一个网站上工作,该网站将有一个“移动视图”和一个“桌面视图”。我已经使用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,检查通过链接选项(在页脚中)选择的站点是“在桌面上”还是“在移动设备上”,这样,如果用户转到新页面,他们就可以得到“选择的”站点“设计”

有什么想法吗?我一直在看这个--但不确定需要添加哪些数据才能使新页面显示“桌面”或“移动”视图


提前感谢。

实现起来非常简单-只需存储一个cookie,例如
mobile
,然后检查它是否已加载

var makeMobile = function() {
    viewport = document.querySelector('meta[name=viewport]');
    viewport.setAttribute('content', 'width=device-width, initial-scale=1.0');
    $.cookie("mobile", true, { path: '/' }));
    return false;
}

var makeDesktop = function() {
   viewport = document.querySelector('meta[name=viewport]');
   viewport.setAttribute('content', 'width=1024');
   $.cookie("mobile", false, { path: '/' });
   return false;
}

if($.cookie("mobile")) {
   makeMobile();
} else if($.cookie("mobile") === false) {
   makeDesktop();
}

$( '.desktop-site-link' ).click(makeDesktop);
$( '.mobile-site-link' ).click(makeMobile);