拡張機能のストレージを表示、編集する

Oliver Dunk

注: この機能は Chrome 132 以降でご利用いただけます。

このガイドでは、Chrome DevTools を使用して、chrome.storage API を使用して拡張機能によって保存されたデータを表示および変更する方法について説明します。

拡張機能のストレージを表示する

1. 検証するコンテキストの DevTools を開く。

2. [Application] > [Storage] に移動し、[Extension Storage] を開きます。

3. 検査するストレージ領域を選択します。

   a. 複数の拡張機能が存在する可能性があるコンテキストの場合は、目的の拡張機能を展開して、ストレージ領域を選択します。

   b. 1 つの拡張機能に関連付けられたコンテキストでは、ストレージ領域を直接選択できます。

   

4. プレビュー セクションで値をプレビューするには、表内の行を選択します。

更新された値を表示するには、上部のアクションバーで 更新アイコンをクリックします。

対象

拡張機能ストレージには、次のコンテキストを検査するときにアクセスできます。

• 拡張機能によってコンテンツ スクリプトが挿入されたドキュメント。
• chrome-extension:// スキームのドキュメント（iframe を含む）。
• 拡張機能の Service Worker。
• MV2 でバックグラウンド ページを検査する。

いずれの場合も、拡張機能に storage 権限が付与されている場合にのみ、DevTools に拡張機能が表示されます。

アクセスレベル

デフォルトでは、コンテンツ スクリプトは chrome.storage.session 領域にアクセスできません。ただし、拡張機能がアクセス権のないコンテンツ スクリプトを実行しているページを検査する場合でも、DevTools では常に使用できます。

Key-Value ペアをフィルタする

必要な Key-Value ペアをすばやく見つけるには、上部のフィルタ ボックスに、キーまたは値に含まれる文字列を入力します。

新しい Key-Value ペアを作成する

1. テーブルの空白部分をダブルクリックします。DevTools によって新しい行が作成され、[Key] 列にカーソルが移動します。
2. 新しい Key-Value ペアを入力します。

可能であれば、DevTools は入力した値を JSON として解析し、対応するオブジェクトを保存します。有効な JSON ではない値は文字列として保存されます。

キーまたは値を編集する

値を編集するには、[Key] 列または [Value] 列のセルをクリックして、そのキーまたは値を編集します。更新された値を取得するには、拡張機能を再読み込みしなければならない場合があります。

Key-Value ペアを削除する

1. Key-Value ペアをクリックして選択します。
2. 上部のアクションバーで [削除] をクリックして、選択したペアを削除します。

または、 [すべてクリア] をクリックして、すべてのペアを削除します。