如何查看或编辑localStorage

Question

我创建了Chrome扩展程序，并使用localStorage存储数据。

我通过“background_page”访问localStorage。

它工作正常但我怎样才能手动查看其值？在Firefox中，您可以使用Firebug。

有人有任何建议吗？

Answer 1

这很简单。只需按 F12 转到开发人员工具，然后转到应用程序选项卡。在存储部分中，展开本地存储。之后，您将在那里看到所有浏览器的本地存储空间。

Answer 2

只需按 F12 即可打开开发人员工具。

单击应用程序（以前称为“资源”）选项卡，您将看到localStorage的内容。从那里，您可以手动添加/编辑/删除键/值条目。

在OS X上，键是：⌥ + ⌘ + i

另一个组合： Ctrl + Shift + i

---

编辑：在Chrome 56中，它看起来像这样：

Answer 3

我目前正在使用chrome版本52.0.2743.82 m。在目前最新版本的chrome中，您可以通过启动＆＃34; Developer Tools＆＃34;来查看本地存储值。然后研究＆＃34;应用程序＆＃34;标签

Answer 4

您可以访问chrome：// chrome / extensions，并且会有一个指向您的后台页面的链接，一旦启动，您可以使用开发工具查看localStorage内容。

Answer 5

我不了解这里的人正在尝试做什么，不是我在做什么，和/或Chrome开发人员工具已更改，并且在这方面已被破坏。

我的扩展程序的内容脚本存储如下数据：

chrome.storage.local.set(packet);

当我查看扩展程序背景页面的“应用程序”选项卡，并展开“存储”>“本地存储”时，我看到了扩展程序，但是单击它不会显示任何数据。

我发现的唯一解决方案是在后台页面的控制台中运行此操作：

chrome.storage.local.get(null, function(data) {console.log(data);})

这类似于扩展名的读取方式（除了传递null以获取所有键，而不是传递键名以获取我想要的键名），它工作正常，每次都很难输入。同样奇怪的是，这里所有这些答案都不适合我。

我正在Windows 10上使用Chrome 73.0.3683.103（正式版本）（64位）。如果相关，则扩展包仍未打包，但这是您最想这样做的时间，例如，开发中。