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

Question

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

Answer 1

有一个非常有用的扩展，可以使用我最近发现的localStorage和chrome.storage，它可以作为Dev Tools面板使用。

Storage Area Explorer

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

Answer 2

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

确实，使用chrome.storage保存的东西不会显示在开发人员工具中，在那里你只能看到使用常规localStorage API保存的东西。做这个：

1. 转到qazxsw poi打开扩展背景页面（需要检查“开发者模式”以查看背景页面）
2. 转到chrome://extensions/选项卡并键入：

Console

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

Answer 3

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

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

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

Answer 4

通过单击chrome.storage.local.get(function(result){console.log(result)}) 中扩展的背景页面打开Chrome Devtool（需要检查Chrome://extensions/以查看背景页面），然后在资源面板中，您可以看到左侧的本地存储。

Answer 5

这实际上是两个问题！

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

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

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

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

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

Developer mode

• 对于storage.sync

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

Answer 6

使用键入控制台的提供代码，我没有得到任何结果。但这个代码在放入控制台时有效。

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

这里的区别是我们传递一个空值，它将返回存储中的所有内容。要备份它，并进行额外阅读，请查看chrome.storage.sync.get(null, function (data) { console.info(data) });