如何查看或编辑localStorage?

通过按F12打开开发人员工具。

单击应用程序选项卡，你将看到localStorage的内容。在那里，您可以手动添加/编辑/删除条目。

在OS X上，键为:⌥ + ⌘ + 我

另一个组合:Ctrl + 转变 + 我

在Chrome浏览器中是这样的:

你可以去chrome://chrome/extensions，会有一个链接到你的后台页面，一旦你启动，你可以使用开发工具来查看localStorage的东西。

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

我使用chrome版本52.0.2743.82 m目前。在目前最新版本的chrome中，你可以通过启动“开发人员工具”，然后查看“应用程序”选项卡来查看本地存储值。

要么是我不明白这里的人在试图做什么，这不是我在做的，或者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位)。扩展仍然是解包的，如果这是相关的，但这是您最可能想要这样做的时间，即在开发中。