Question

我正在尝试将我在codepen中执行的练习中的一些项目存储到浏览器的localStorage对象中，但它似乎无法正常工作。

然后我在jsFiddle上尝试了同样的事情，它也没有用。 Here's the link to the fiddle

最后，我尝试将相同的代码带到我的桌面本地，一切都按预期工作。

在这三种情况下，我都是如何测试成功/失败的：

在Chrome控制台中，我正在执行以下操作：

localStorage.getItem('_wikiwiggs_recipe_book_AppleJuice');

为什么我可能会遇到这个问题？

Answer 1

如果您打开开发工具，然后在应用程序标签下查看，您将看到您使用密钥＆＃39; _wikiwiggs_recipe_book_AppleJuice＆＃39;

存储该项目。

您可以使用localStorage.getItem('_wikiwiggs_recipe_book_AppleJuice');

从JSFiddle shell中访问此项目

由于JSFiddle在iframe下加载代码，因此在运行上述命令之前必须在开发人员控制台上选择它：

Answer 2

好吧，经过我的方式......太长时间追求这个答案，我已经能够做到以下几点：

我的意图的答案就是：

console.log(localStorage.getItem('_wikiwiggs_recipe_book_AppleJuice'))

来自我的codepen / jsFiddle。

我无法直接从控制台手动执行此操作，因为我实际上并没有特权（基于充分理由）欺骗网站作者。

我发现能够直接通过javascript进行故障排除的唯一方法是使用此方法。

感谢帮助enapupe＆amp; Bobby Speirs - 给出的答案肯定加强了这种行为的推理。

对我而言，将console.log()从您的答案中删除可能听起来微不足道，让我绊倒，因为我还没有看到我将如何排除代码故障。