如何查看已安装的Chrome扩展程序的存储空间？

Question

似乎应该可以查看我的浏览器上安装的{1}} / localStorage Chrome扩展程序。我曾经玩过开发者工具，但还没有找到办法。有什么想法吗？

Answer 1

我最近发现的localStorage和chrome.storage都有一个非常有用的扩展，可用作开发工具面板。

Storage Area Explorer

我没有写这个，但是作者在其他一些问题上提出了建议。

Answer 2

我将把几个答案中现有的知识合并成一个简单而全面的知识。 如果您对此进行投票，请与@mwkwok和@chaohuang的相同。

使用chrome.storage保存的内容确实没有显示在开发人员工具中，只能看到使用常规localStorage API保存的内容。这样做：

1. 转到chrome://extensions/打开分机背景页（＆＃34;开发者模式＆＃34;需要检查以查看背景页）< / p>

2. 转到Console标签，然后输入：

chrome.storage.local.get(function(result){console.log(result)})

这会将整个存储作为JSON对象吐出到控制台中。

Answer 3

你是对的，chrome.storage不会出现在开发者工具中。我发现查看所有内容的唯一方法是将其放入控制台：

chrome.storage.local.get(function(result){console.log(result)})

这会将JSON对象吐出到控制台中。

Answer 4

点击Chrome://extensions/中的扩展程序的背景页面打开Chrome Devtool（需要检查Developer mode以查看背景页面），然后在资源面板中可以看到本地存储左

Answer 5

这实际上是两个问题！

1. 如何查看我已安装的Chrome扩展程序的 localStorage ？

点击Chrome扩展程序的背景页面打开Chrome Devtool：// extensions /（需要检查开发者模式以查看背景页面），然后在资源面板中，您可以看到左侧的本地存储。 （by chaohuang和Kil）

1. 如何查看我已安装的Chrome扩展程序的 chrome.storage ？

在后台页面的同一个控制台中：

• 对于storage.local（由mwkwok提供）

chrome.storage.local.get(function(result){console.log(result)})

• for storage.sync

chrome.storage.sync.get(function(result){console.log(result)})

Answer 6

使用键入控制台的提供代码，我没有得到任何结果。但是这个代码在放入控制台时就可以工作了。

chrome.storage.sync.get(null, function (data) { console.info(data) });

这里的区别在于我们传递一个空值，它将返回存储中的所有内容。要备份此内容并进行其他阅读，请查看official chrome page on this API.