javascript - localStorage 不会在两个页面之间持久存储

Question

我正在开发一个应用程序，在某些时候，我需要存储需要在多个页面之间持久存在的信息，更可能的是，它只会是 2 个页面。信息量在几个字节到大约 15KB 之间变化(永远不会超过 20KB)。我真的无法事先正确预测它会是多少。

为此，我决定使用 localStorage。

现在我只在 localhost:8080 上工作。

这些页面目前只有通用名称:pageA.php 和 pageB.php。

页面驻留在域的根目录中。即

http://localhost:8080/pageA.php
http://localhost:8080/pageB.php

...

在某些时候，我将数据存储在 pageA.php 的 localStorage 上(我使用 setItem() 方法)。

当用户移动到 pageB.php 时，pageB.php 的脚本会尝试获取存储在 pageA.php 中的数据。
问题是 getItem() 总是在 pageB.php 上返回 null

我确实检查了我使用的 key ，它们是相同的，所以那里应该没有问题。

我已经检查过，只要 url 不变，存储的数据就会在页面加载之间持续存在。

我在这里做错了什么？

注意:仅在 Firefox 19 和 chrome 24 上测试

Answer 1

这里的问题是我使用的编辑器被更改为区分大小写进行搜索。
当我更改用于 key 的字符串时，由于区分大小写，替换器无法匹配所有字符串。
我通过搜索和调整每个键来解决这个问题，这样所有键都具有相同大小写的相同字符，而不是大小写相同的字符。
归根结底，只是注意力不集中。正如预期的那样，javascript 中的字符串区分大小写，这也适用于 localStorage 和 sessionStorage 的键