回答

10

點擊Chrome://extensions/Developer mode需要檢查才能看到後臺頁面)的擴展的背景頁面,打開Chrome Devtool,然後在資源面板中可以看到左側的本地存儲。

+13

如果您使用'LocalStorage API',則可以在Chrome開發者工具中找到它。但是如果你使用''一樣chrome.storage.local.set({「關鍵」:值})chrome.storage API'方法',數據不存儲在那裏。我們在哪裏可以找到這些數據? – KiL 2012-08-17 09:53:56

+0

沒有看到我的分機保存的任何內容。除了打印出來之外,還有其他方法可以檢查它們嗎? – Robert 2014-06-27 05:44:14

+1

查看最近添加的@Xan答案。 – 2014-12-21 16:34:38

16

你說得對,chrome.storage不開發工具出現。我發現查看所有這一切的唯一方法就是將其放入控制檯:

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

這會將JSON對象吐入控制檯。

20

我將進行合併現有的知識存在於幾個答案,變成了簡單而全面的一個。 如果你投了這一個,請不要與@mwkwok和@chaohuang的那些相同。

確實,使用chrome.storage保存的內容不會顯示在開發人員工具中,您只能看到使用常規localStorage API保存的內容。這樣做:

  1. 前往chrome://extensions/打開您的擴展背景頁面(「開發模式」需要進行檢查,看背景頁)

  2. 轉到Console選項卡,並輸入:

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

這會吐整個STO作爲一個JSON對象進入控制檯。

+0

如何使本地存儲持久?如果我禁用擴展名,它將被刪除。 – jstuardo 2016-10-06 20:41:16

+0

@jstuardo,看起來像完全獨立的問題,我不知道答案。抱歉。 – 2016-11-03 17:22:21

38

對於我最近發現的localStoragechrome.storage有一個非常有用的擴展,它可用作開發工具面板。

Storage Area Explorer

enter image description here

我沒有寫這一點,但它是由作者在其他一些問題SO建議。

+2

希望我能+50這個。 – 2014-12-21 16:32:48

+0

我試過了,但它不適合我。但是,我實際上正在開發Chrome「devtools」擴展程序 - 而不是普通的Chrome擴展程序。 – nogridbag 2015-04-07 20:17:08

+1

@nogridbag嘗試打開Dev Tools的開發工具。取消,Ctrl + Shift + I。 ..等等,我試過了。如果你是癲癇病患者,請勿使用Storage Area Explorer做到這一點! – Xan 2015-04-07 20:18:49

3

我沒有使用鍵入到控制檯提供的代碼得到任何結果。但是這個代碼在放入控制檯時工作。

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

這裏的區別是,我們傳遞一個空值將返回在存儲的所有內容。要支持此功能,請參閱official chrome page on this API.

相關問題