无法在 Chrome 中设置 document.cookie

Question

我想使用简单的 javascript 保存一个 cookie。所以我去了w3，他们有一个现成的功能来保存一个cookie。当我在 Firefox 中尝试此代码时，它完全按预期工作，但在 Chrome 中设置 cookie 无效。我在该站点上看到了其他问题，其中由于缺少过期日期而删除了 cookie，但我都将日期设置为几天后，而 document.cookie 从未设置过。我在调试器中逐行浏览了代码，但 document.cookie 的值甚至在该行之后仍然是一个空字符串：

document.cookie = cname + "=" + cvalue + ", " + expires + ", path=/ ;";

我已经尝试过，无论是否有路径和/或到期日期，但似乎没有任何效果。我该怎么办？

@AndrewL64 要求的有关我的文件的一些额外信息： 我做了一个 1 页的 html 游戏。我有一个 index.html 文件、一个 mainstyle.css 文件和一个用于脚本的 main.js 文件。在我的脚本中，我使用 JQuery 来操作 DOM 元素。我将代码放在页面加载事件中，如下所示：

//==================On Page Load ===================================
$(document).ready(function () {

    $("#gameContainer").hide();
    $("#mainContainer").hide();
    //$("#startContainer").hide();
    $("#skillsContainer").hide();


    prepareGame();
    //startGame();

    /*var cookieName = "sp_str_cookie_save1";
    var saveString = "some value";
    setCookie(cookieName, saveString, 10);
    var cookieResult = getCookie(cookieName);*/
    const cname = "someCookie";
    const expires = "Thu, 2 Aug 2020 20:47:11 UTC";
    const cvalue = "someValue";

    document.cookie = cname + "= " + cvalue + "; " + "expires=" + expires + "; " + "path=/";

});

Answer 1

我在另一个 Stackoverflow 问题 here 中找到了答案。简而言之，有些浏览器在本地打开 html 文件时不会设置 cookie。例如 Chrome 没有，但 Firefox 有。因此，如果您离线工作，请在 Firefox 中测试 cookie。

Answer 2

参数应该用分号和空格分隔，而不是逗号。

---

从此更改您当前的代码：

document.cookie = cname + "=" + cvalue + ", " + expires + ", path=/ ;";

到这里：

document.cookie = cname + "= " + cvalue + "; " + expires + "; " + "path=/";

---

检查并运行此 JSFiddle，其中包含以下 代码片段，然后检查您的浏览器 cookie 以查看添加的新 cookie：

const cname = "someCookie";
const expires = "Thu, 2 Aug 2020 20:47:11 UTC";
const cvalue = "someValue";

document.cookie = cname + "= " + cvalue + "; " + "expires=" + expires + "; " + "path=/";

---

注意上面的代码片段不会设置 cookie，因为 sn-p 环境只是一个沙箱并且缺少“allow-same-origin”标志。检查 JSFiddle 以查看上面的 JavaScript 将 cookie 添加到浏览器。