JavaScript设置Cookie无效求助：多浏览器及在线平台均无显示

你遇到的问题核心是页面加载协议的安全限制：

• 直接双击打开本地HTML文件时，浏览器使用的是file://协议，出于安全考虑，多数现代浏览器会禁止在这种无域名的本地环境下设置Cookie，这就是Edge、IE、Opera都失效的原因；CodePen的沙箱环境也限制了Cookie权限，所以同样无法正常设置。
• VSCode Live Server插件是通过http://localhost这类HTTP协议提供服务的，存在合法的域名（localhost），完全符合Cookie的设置规则，因此能正常生效。

解决办法 #

1. 日常开发测试时，继续使用Live Server这类本地HTTP服务器工具，比如Node.js的http-server、XAMPP等都可以实现类似效果
2. 将代码部署到线上HTTP/HTTPS服务器，就能在任意浏览器中正常测试Cookie功能
3. （不推荐）如果非要在file://环境下临时测试，可以修改浏览器启动参数关闭安全限制，比如Edge/Chrome添加--allow-file-access-from-files参数，但这会降低浏览器安全性，仅适合临时场景

更准确的验证方式 #

别只依赖alert(document.cookie)判断结果，打开浏览器F12开发者工具，切换到「Application」（Edge/Chrome）或「存储」（Firefox）面板，在Cookie列表里可以直接查看是否成功设置，这种方式更直观准确。

内容的提问来源于stack exchange，提问作者user23323966