移动网站 - 如何创建记住“切换到桌面”网站的Cookie

Question

我通过添加单独的样式表优化了我的移动网站。 我创建了一个切换到桌面按钮，使用下面的代码完美地工作。

$('#desktop-site-click').click(function() {
        event.preventDefault();
        document.cookie = 'cookiewidthset=yes'
        $('link[href="http://www.url.com/assets/style-mobile.css"]').prop('disabled', true);
        $('head').remove('<meta name="viewport" content="width=device-width, initial-scale=1"/>');
    });

这有效但我需要一种创建cookie的方法，这样当用户导航到另一个页面时，会记住上面的功能，他们仍然会看到该网站的桌面版本。

由于

Answer 1

将cookie路径分配给根，以便它适用于整个站点（根和后代）：

document.cookie = "cookiewidthset=yes; path=/";

  

; path = path（例如，'/'，'/ mydir'）如果未指定，则默认为当前文档位置的当前路径。

     

https://developer.mozilla.org/en-US/docs/Web/API/document/cookie