如何查看或编辑localStorage?

我创建了一个Chrome扩展,并使用localStorage存储数据。

我正在通过“background_page”访问localStorage。

它工作得很好,但我如何手动查看它的值?在Firefox中,你可以使用Firebug。

有人有什么建议吗?

362100 次浏览

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

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

在OS X上,键为: + +

另一个组合:Ctrl + 转变 +


在Chrome浏览器中是这样的:

enter image description here

你可以去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位)。扩展仍然是解包的,如果这是相关的,但这是您最可能想要这样做的时间,即在开发中。