不同位置的重复本地网页获取相同的 localStorage 数据？答案

【问题标题】：Duplicate local webpages in different locations grab same localStorage data?不同位置的重复本地网页获取相同的 localStorage 数据？
【发布时间】：2016-07-06 03:41:09
【问题描述】：

我有一个文件夹结构（一个提取的 zip 文件），其中有一个名为“config.html”的文件，它在加载时调用localStorage。如果我将此文件夹结构的一个实例解压缩到桌面，启动“config.html”，生成一些保存到localStorage 的数据，然后在我的硬盘驱动器上的其他任何位置提取另一个 zip 文件实例，然后打开次要“config.html”，localStorage 调用会从“config.html”的第一个 实例中引入localStorage 数据，无论我的硬盘驱动器上的位置如何。我不确定我是否做错了什么，或者在本地使用时 localStorage 是一个限制。似乎在检索数据时，localStorage 调用会查找网页名称，而不是我期望的整个文件夹路径。此外，如果我调用localStorage.clear()，它会清除所有“config.html”实例的数据。从本质上讲，所有具有相同文件名的网页似乎都与相同的localStorage 保存数据相关联。有没有办法防止这种情况发生？

【问题讨论】：

标签： html google-chrome local-storage

【解决方案1】：

localStorage 和 IndexedDB 对于每个来源都是唯一的 - 即协议、主机和端口的组合。

如果协议、端口（如果一个是指定），并且主机对于两个页面都是相同的。

来源： Same Origin Policy

由于您是在本地运行它（只是打开 HTML 文件），而没有具有不同协议、主机或端口的服务器，因此它都是一个来源，因此是共享数据。路径差异无关紧要

【讨论】：