设置 cookie 以检查是否已单击 2 个链接中的 1 个并通过 JS

set cookie to check if 1 of 2 links has been clicked and pass JS

本文关键字：JS 链接 设置 检查 是否 单击 cookie      更新时间：2023-09-26

（请注意：客户对以下内容的要求不在我手中）

我目前正在开发一个具有"移动视图"和"桌面视图"的网站。我已经使用 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 - 但不确定我需要添加哪些数据才能使新页面显示"桌面"或"移动"视图。

提前谢谢。

实现起来非常简单 - 只需存储一个 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);
相关文章：