如何查看或編輯localStorage

173

我創建了一個Chrome擴展，並使用localStorage來存儲數據。如何查看或編輯localStorage

我通過「background_page」訪問localStorage。

它工作正常，但我怎麼手動查看它的值？在Firefox中，您可以使用Firebug。

任何人有任何建議嗎？

2012-02-22 Joe Doe

122

只需打開開發人員工具按F12。

單擊應用程序（以前的資源）選項卡，您將看到localStorage的內容。從那裏您可以手動添加/編輯/刪除鍵/值條目。

localStorage resources tab

在OS X上的鍵是：⌥ + ⌘ + 我

另一種組合：Ctrl鍵 + 移 + 我

編輯功能：在Chrome 56，它看起來是這樣的：

enter image description here

2012-02-22 23:22:56 Simone

Yep已經嘗試過，但localStorage是空的。也許是因爲我加載瞭解壓後的擴展名？ – 2012-02-22 23:27:49

這可以幫助你：http://stackoverflow.com/questions/3598669/cookie-or-localstorage-with-chrome-extensions – Simone 2012-02-22 23:32:28

西蒙娜，我知道如何設置，並與JS讀取本地存儲，但我需要手動編輯/刪除它 – 2012-02-22 23:44:06

你可以去鉻：//鉻/擴展會有你的後臺頁面的鏈接，一旦你發動你可以使用開發工具來查看localStorage的東西。

2012-02-22 23:23:12

謝謝你的回答@Ryan S但localStorage是空的我把它設置爲這樣'localStorage ['xy'] = JSON.stringify（xy）;' – 2012-02-22 23:29:26

在Chrome控制檯中，你可以執行localStorage.setItem（' XY「 JSON.stringify（XY））'，這將在localStorage的 – 2012-02-28 17:07:44

設定的項目做鉻：//鉻網址/，然後本地存儲 – 2014-05-11 20:15:38

173

很簡單。只需按F12前往開發人員工具，然後轉至應用程序選項卡。在存儲部分展開本地存儲。之後，你會看到你所有瀏覽器的本地存儲。

2012-10-09 11:28:17

在Chrome版本60，你不能修改或增加新的項目，你」必須通過控制檯和'localStorage.setItem（'key'，'value'）'來完成 – 2017-08-11 11:43:51

我目前使用chrome版本52.0.2743.82米。在目前最新版本的chrome中，您可以通過啓動「開發工具」然後查看「應用程序」選項卡來查看本地存儲值。

2016-08-02 11:49:47

回答