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

69

似乎应该可以查看浏览器中安装的localStorage/chrome.storage的Chrome扩展程序。我已经使用过开发人员工具了一些，但是还没有找到一种方法。有任何想法吗？

— 乔什·乔丹
source

86

我最近发现了一个非常有用的扩展，可以同时使用它们localStorage和chrome.storage开发工具面板。

储存区浏览器

我没有写这个，但是它是作者在其他一些SO问题上建议的。

— an
source

5

希望我能+50。

— 杰森·卡普里奥蒂

2

我尝试了一下，但是对我不起作用。但是，我实际上是在开发Chrome“ devtools”扩展程序-而不是普通的Chrome扩展程序。

— nogridbag

2

@nogridbag尝试为您的开发工具打开开发工具。取消停靠，Ctrl + Shift + I。..wait，我尝试过。如果您患有癫痫病，请不要使用Storage Area Explorer执行此操作！

— Xan 2015年

1

现在看来这已经被打破了。

— 史蒂芬·马修斯

1

很棒！（使用我自己的未开发扩展进行测试）

— rgoliveira

65

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

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

通过转到来打开扩展程序的背景页面chrome://extensions/（需要选中“开发人员模式”才能查看背景页面）
转到Console标签并输入以下内容：

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

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

— 克林特·伊斯特伍德
source

5

稍短的等效项是chrome.storage.local.get(console.log)。还有chrome.storage.sync.get(console.log)！

— FeifanZ

41

没错，chrome.storage没有出现在开发人员工具中。我发现查看所有内容的唯一方法是将其放入控制台：

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

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

— 炒锅
source

23

这实际上是两个问题！

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

通过单击Chrome：// extensions /中的扩展程序的背景页面打开Chrome Devtool（需要检查开发人员模式以查看背景页面），然后在资源面板中可以在左侧看到本地存储。（超黄和基尔）

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

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

对于storage.local（通过mwkwok）

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

对于storage.sync

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

— 弗兰克·R。
source

应该被接受为正确答案，下面的答案要求安装附件，并且不起作用。

— 安东尼

1

使用Chrome 80尝试chrome.storage.local.get在控制台中使用时出现以下错误：Uncaught TypeError：无法读取在<anonymous>：1：16处未定义的属性“ local”。该 chrome.storage值在控制台中未定义。

— 苏马

@suma您是否在普通页面的控制台中尝试过？

— Frank R.

2

我现在明白了。我需要打开答案中的背景页面。对于像我这样不了解它的天真的用户，也许答案可能包括如何导航到后台页面。

— 苏门

@Suma的方法是转到chrome://extensions/，确保您处于开发模式，然后在扩展名上，单击“检查视图背景页”或转到“详细信息”，然后单击背景页。然后，您可以访问变量。

— rhombidodecahedron

16

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

— 朝皇
source

19

如果使用，您可以在Chrome开发者工具中找到它LocalStorage API。但是，如果您使用chrome.storage API类似的方法chrome.storage.local.set({"key":value})，则数据不会存储在其中。我们在哪里可以找到这些数据？

— KiL 2012年

没有看到我的扩展程序保存的任何内容。除了将其打印出来，还有另一种方法可以将它们签出吗？

— 罗伯特·

2

查看@Xan最近添加的答案。

— 杰森·卡普里奥蒂

这还行吗？您看到的是HTML5存储空间，而不是chrome.storage存储空间

— Pacerier's

7

使用在控制台中键入的提供的代码，我没有得到任何结果。但是，当将这些代码放入控制台时，它们可以工作。

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

此处的区别是我们传递了一个空值，该值将返回存储中的所有内容。要对此进行备份以及其他内容，请查看此API上的官方chrome页面。

— 古斯·加拉尼克（Gus Galarnyk）
source