javascript - localStorage 是否依赖于连接？

Question

我为我的 children 制作了一个小的 JavaScript 数学游戏，它使用 localStorage 来存储高分。 .它工作正常，做它应该做的事情，即使在浏览器关闭或计算机关闭时也能保存高分。但是，今天我尝试通过不同的 Internet 连接玩游戏进行测试，并且两个 localStorage我使用的项目(一个用于分数，一个用于名称)都返回了 undefined .

两次游戏都是在 Windows 7(同一台 PC)的 Chrome v55 中进行的。最初是通过我们的家庭 Wi-Fi 连接，但今天是通过公共(public)(咖啡店)Wi-Fi 连接。

localStorage仍然可以通过公共(public) Wi-Fi 连接工作——我可以设置新值并检索它们——但我想知道为什么它不存储原始值。没有清除浏览器历史记录或 cookie。有谁知道localStorage有用于不同互联网连接的单独容器？

更新:localStorage对象工作正常——它保存并保留数据——唯一的问题是当连接到不同的网络连接时检索时，它会丢失值。

这是用于从 localStorage 获取数据的代码:


if (localStorage.mb_hiscore == 0) { localStorage.mb_name = " "; }
hiscore.innerHTML = localStorage.mb_hiscore + "<br />" + localStorage.mb_name;


再次更新:Chrome 在公共(public) Wi-Fi 和我家的 Wi-Fi 上显示相同的来源:

另外，localStorage我在公共(public) Wi-Fi 连接上设置的值在我稍后在我的家庭网络上检索它们时仍然存在，所以这是迄今为止 Chrome 唯一一次丢弃这些值。

Answer 1

每个来源都有自己的 localStorage。如果您检查 document.location.origin 的值，您可能会得到类似这样的内容，例如:“http://localhost:8080 ”

根据您访问应用程序的方式，如果这些部分中的任何一个发生变化，无论是主机名、端口号还是协议(protocol)，您将处理不同的源并因此修改其自己的存储。从浏览器的 Angular 来看是一个完全不同的终点。

再次尝试重现您的问题，这次请注意您使用的地址。