在一个 HTML 文件中创建和保存的 localStorage 数据可以在另一个 HTML 文件中使用吗？

Posted 2023-03-05

【中文标题】在一个 HTML 文件中创建和保存的 localStorage 数据可以在另一个 HTML 文件中使用吗？

【英文标题】：Can localStorage data created and saved in one HTML file can be used in another HTML file?

【发布时间】：2013-12-20 12:20:24

【问题描述】：

我正在使用 localStorage 创建一个完全离线的 html5 应用程序。

我已在单个 .HTML 文件中成功保存、检索和操作 localStorage 数据。无论如何，现在当我尝试访问由一个 .HTML 文件存储在另一个 .HTML 文件上的 localSotrage 数据时，我没有成功。

无论如何，我已经创建了一个单独的 .html 文件来清除所有本地存储，并且该文件工作正常。

是因为每个网页的localStorage是分开的，不能放在一起还是其他什么错误？

【问题讨论】：

In HTML5, is the localStorage object isolated per page/domain? 的可能重复项

【参考方案1】：

localStorage 受同源策略控制 假设您使用的是file://，它会因浏览器而异：

网络套件：

所有file:// 文档具有相同的来源 https://bugs.webkit.org/show_bug.cgi?id=20701

Mozilla：

在 Gecko 1.8 或更早版本中，任何两个文件：URI 都被认为是 同源。换句话说，本地磁盘上的任何 HTML 文件都可以 读取本地磁盘上的任何其他文件。

从 Gecko 1.9 开始，文件只能读取某些其他文件 文件。具体来说，一个文件只有在父文件的情况下才能读取另一个文件 原始文件的目录是该文件的祖先目录 目标文件。但是，不能以这种方式加载目录。

https://developer.mozilla.org/en-US/docs/Same-origin_policy_for_file:_URIs

IE：

不适用（请参阅：localStorage object is undefined in IE）