在 file:/// url 上创建 cookie - 证明它正在创建但未显示在 document.cookie 或 chrome 开发工具中的 cookie 列表中

Question

我有一些创建 cookie 的代码。它创建了两个不同的用户组，检查用户 cookie 是什么组，并根据它做一些事情。

代码正在本地机器上开发，因此可以通过 file:/// URL 访问它

看起来像这样：

function cookieCreation() {
                var groupId = Math.floor(Math.random() * 2) + 1;
                var expDate = new Date(new Date().getTime()+60*60*1000*24).toGMTString()
                document.cookie = "userGroup_" + groupId + ";" + "expires=" + expDate +";path=/";
            }

            function getCookie(cname) {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                    for(var i = 0; i < ca.length; i++) {
                        var c = ca[i];
                            while (c.charAt(0) == ' ') {
                                c = c.substring(1);
                            }
                        if (c.indexOf(name) == 0) {
                            return c.substring(name.length, c.length);
                        }
                    }
                return "";
            }

            function cookieBasedPush() {
                cookieCreation();
                var currentCookie = getCookie("userGroup_1");

                if (currentCookie == null) {
                    console.log("User Group 2");
                } else {
                    console.log("User Group 1");
                }
            }

            window.onload = cookieBasedPush;

一个 cookie 看起来像 它正在被创建，因为我可以看到“用户组 1”正在被控制台记录。但是，当我运行 document.cookie 时，我什么也得不到。

我搜索并找到Setting Cookies using JavaScript in a local html file 并基于此答案，建议无法在 file:/// URL 中创建 cookie。

这让我感到困惑并且没有任何意义 - 如果是这种情况，那么为什么我会成功获得用户组 1 cookie 创建的 console.log？为什么在控制台中运行时 document.cookie 为空白？我的逻辑是不是代码不对？

Answer 1

根据RFC 2109，Cookie 严格来说是一种 HTTP 机制。

请参阅此链接here，了解有关此问题的 chrome“错误”报告。

但是，您可以运行带有标志 --enable-file-cookies 的 chrome 以允许 file:/// cookies

要运行带有实验/开发人员标志的 chrome，请查看 here 以获取说明

似乎--enable-file-cookies 标志已从除 Android 之外的所有运行 chrome 的平台上删除。 你可以阅读更多关于它的信息here 和here。

有了这个，似乎没有办法在file:/// URL结构下存储cookie，解决这个问题的最好方法是在开发时在本地运行一个小型服务器。这是一个很好的脚本列表，可以从命令行运行本地 HTTP 服务器。 link