localStorageを表示または編集する方法

173

Chrome拡張を作成し、データの保存にlocalStorageを使用しています。localStorageを表示または編集する方法

"background_page"でlocalStorageにアクセスしています。

正常に動作しますが、どのように手動で値を表示できますか？ Firefoxでは、Firebugを使用できます。

誰もが何か提案がありますか？

2012-02-22 Joe Doe

122

F12を押すと、開発ツールが開きます。

アプリケーション（以前のResources）タブをクリックすると、localStorageのコンテンツが表示されます。そこからキー/値の入力を手動で追加/編集/削除することができます。 OS X上で

localStorage resources tab

キーは以下のとおりです。⌥ + ⌘ + 私

別の組み合わせ：Ctrlキー + Shiftキー + 私

EDIT：//クローム/拡張機能や、あなたが起動したら、あなたが使用することができ、あなたの背景のページへのリンクが存在します。

enter image description here

2012-02-22 23:22:56 Simone

すでに試してみましたが、localStorageは空です。アンパックされた拡張機能を読み込んでいる可能性がありますか？ –

これはあなたを助けるかもしれません：http://stackoverflow.com/questions/3598669/cookie-or-localstorage-with-chrome-extensions – Simone

Simone、私は設定し、JSとlocalStorageを読む方法を知っていますが、私は手動で編集/それを削除してください –

あなたはクロームに行くことができます：クローム56で、それはこのようになります開発ツールは、localStorageのものを参照してください。

2012-02-22 23:23:12

答えは@Ryan SですがlocalStorageは空ですこれは 'localStorage ['xy'] = JSON.stringify（xy）;' –

のように設定しました。 'localStorage.setItem（ ' xy '、JSON.stringify（xy）） 'これでアイテムはlocalStorageに設定されます –

do chrome：// chrome-urls /、ローカルストレージ –

173

簡単です。 F12をクリックしてデベロッパーツールにアクセスし、アプリケーションタブに移動してください。 ストレージセクションを展開ローカルストレージを展開します。その後、すべてのブラウザのローカルストレージが表示されます。

2012-10-09 11:28:17

Chromeバージョン60では新しいアイテムを変更したり追加することはできません。コンソールから 'localStorage.setItem（ 'key'、 'value'）'を実行する必要があります –

現在、私は現在クロムバージョン52.0.2743.82 mを使用しています。 Chromeの最新バージョンでは、「Developer Tools」を起動して「Application」タブを調べることで、ローカルストレージの値を確認できます。

2016-08-02 11:49:47

答えて