如何查看或编辑localStorage

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

我通过“background_page”访问localStorage。

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

任何人有任何build议?

这很简单。 只需按F12键进入开发人员工具,然后进入“ 应用程序”选项卡。 在存储部分展开本地存储 。 之后,你会在那里看到你所有的浏览器的本地存储。

只需按F12打开开发工具

点击应用程序 (以前的资源)选项卡,你会看到localStorage的内容。 从那里你可以手动添加/编辑/删除键/值条目。

localStorage资源选项卡

在OS X上,键是: + + i

另一个组合: Ctrl + Shift + i


编辑:在Chrome 56中看起来像这样:

在这里输入图像说明

我目前使用的是Chrome版本52.0.2743.82米。 在最新的chrome版本中,您可以通过启动“Developer Tools”然后查看“Application”选项卡来查看本地存储值。

你可以去chrome:// chrome / extensions,并且会有一个链接到你的背景页面,一旦你启动,你可以使用Dev Tools来查看localStorage的东西。