Chrome 如何查看或编辑localStorage?

3lxsmp7m  于 2022-12-06  发布在  Go
关注(0)|答案(5)|浏览(1656)

我创建了一个Chrome扩展,并使用localStorage存储数据。
我正在通过“background_page”访问本地存储。
它工作正常,但我如何手动查看它的值?在Firefox中,你可以使用Firebug。
有人有什么建议吗?

4nkexdtk

4nkexdtk1#

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

pqwbnv8z

pqwbnv8z2#

按F12打开开发工具
单击应用程序选项卡,您将看到localStorage的内容。您可以在此手动添加/编辑/删除条目。
在OS X上,这些键包括:+
另一种组合:Ctrl + Shift + i组合键
在Chrome中,它看起来像这样:

wr98u20j

wr98u20j3#

你可以去chrome://chrome/extensions,那里会有一个链接指向你的背景页面,一旦你启动了这个页面,你就可以使用开发工具来查看localStorage的东西。

nvbavucw

nvbavucw4#

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

oknrviil

oknrviil5#

要么我不明白这里的人想做什么,这不是我在做什么,和/或Chrome开发工具已经改变,并在这方面打破。
我的扩展的content-script存储数据如下:

chrome.storage.local.set(packet);

当我查看扩展的背景页面的Application选项卡,并展开Storage〉Local Storage时,我看到我的扩展已列出,但单击它时没有显示任何数据。
我找到的唯一解决方案是在后台页面的控制台中运行此命令:

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

这与扩展读取它的方式类似(除了传递null来获取所有键而不是键名来获取我想要的键),它工作正常,只是每次都要把它输入出来有点尴尬。同样奇怪的是,这里所有的答案对我都不起作用。
我在Windows 10上使用的是Chrome 73.0.3683.103(官方版本)(64位)。如果这是相关的,扩展程序仍然是未打包的,但这是你最有可能想这样做的时候,也就是说,在开发中。

相关问题