为什么两个网页有不同的localStorage？我怎样才能解决这个问题？

Question

我正在尝试使用 localStorage 将值从一个页面传递到另一个页面。 两个页面都使用一个通用的 JS 文件从 localStorage 获取/设置值。 此页面使用localStorage.setItem('key', 'value') 适当设置值：http://example.com/path/index.html

ip 是从查询字符串中解析出来的，并使用键 db_ip 写入 localStorage。

当我尝试在此页面上执行 localStorage.getItem('db_ip') 时，该项目不存在：http://www.example.com/path/page.html

我正在阅读 "every Document object whose Window object's localStorage attribute's Storage object is associated with the same storage area" 的规范，所以这让我认为页面可以通过拥有不同的 Storage 对象来拥有单独的 localStorage。

我可以看到两个页面之间的存储对象不同。如何让两个页面使用同一个 Storage 对象？

Answer 1

localStorage 不是每页，而是按域。然而，就像@bfavaretto 提到的那样，www.demandbaselabs.com 和 demandbaselabs.com 不被视为同一个域。

查看this answer，了解如何在域之间交换客户端存储的数据。