{{ToolsSidebar}}
ストレージインスペクターはデフォルトで無効です。開発ツールのオプション で有効化できます。
ストレージインスペクターで、ウェブページが使用できるさまざまな種類のストレージを調査できます。現在は、以下の種類のストレージの調査に使用できます:
ストレージインスペクターは当分の間、読み取り専用のビューのみでストレージを表示します。将来のリリースでストレージコンテンツの編集を可能にするよう、作業しています。
ストレージインスペクターを有効化すると、Firefox メニューパネル (メニューバーを表示している場合や Mac OS X では [ツール] メニュー) 内の [ウェブ開発] サブメニューで [ストレージインスペクター] を選択して開くことができます。または、キーボードショートカット Shift + F9 も使用できます。
ストレージインスペクターがアクティブな状態で、ツールボックス がブラウザウィンドウの下部に現れます。開発ツールボックスでは "ストレージ" という名称です。
ストレージインスペクターの UI は 3 つの主要コンポーネントに分かれます:
ストレージツリーは、ストレージインスペクターが調査可能なすべてのストレージタイプを一覧表示します:
ストレージの種類の配下で、オブジェクトは生成元で分類します。Cookie では、生成元の区別にプロトコルを使用しません。IndexedDB やローカルストレージでは、生成元がプロトコルとホスト名の組み合わせになります。例えば "http://mozilla.org" と "https://mozilla.org" は異なる 2 つの生成元になりますので、ローカルストレージのアイテムは双方で共有できません。
"キャッシュストレージ" では、オブジェクトを生成元とキャッシュ名で分類します:
IndexedDB のオブジェクトは生成元、データベース名、さらにオブジェクトストア名で分類します:
Cookie、ローカルストレージ、セッションストレージは階層が 1 つだけであり、保存されているアイテムは各生成元の直下に表示します:
ツリー内の各項目をクリックすると、子項目を展開または折りたたみできます。ツリーは最新の状況を表示しますので、新たな生成元が追加される (例えば iframe を追加するなど) と、自動的に各ストレージタイプに追加されます。
ツリーでアイテムをクリックすると、アイテムの詳細情報を表形式で右側に表示します。例えばストレージタイプ Cookie 配下の生成元をクリックすると、そのドメインに属するすべての Cookie を表示します。
テーブルウィジェットは、選択したツリー項目 (生成元やデータベース) に関するすべてのアイテムを表示する場所です。ストレージタイプやツリー項目に応じて、テーブルの列の数が変わります。
テーブルのすべての列がリサイズ可能です。テーブルのヘッダーをコンテキストクリックして列名を選択すると、列を隠したり表示したりすることができます:
テーブルウィジェットの上部に検索ボックスがあります:
これは、検索文字列にマッチするアイテムのみテーブルに表示するようフィルタリングします。検索文字列にマッチするアイテムは、いずれかのフィールド (列を非表示にしているフィールドを含む) に検索文字列を含むアイテムです。
Firefox 50 より、Ctrl + F (Mac では Cmd + F) を使用して検索ボックスにフォーカスを当てることができます。
新しいバージョンの Firefox では、現在表示しているストレージ種別のビューを最新の情報に更新するボタンと、可能であれば新しいストレージアイテムを追加するボタンがあります (IndexedDB や キャッシュストレージでは新しいアイテムを追加できません):
テーブルウィジェットで任意の行を選択すると、その行の詳細情報を表示するサイドバーが開きます。Cookie を選択すると、その Cookie に関するすべての詳細情報を表示します。
サイドバーでは Cookie、ローカルストレージ、IndexedDB のアイテムの値を解析して、単なる文字列を有意義なものに変換します。例えば:
'{"foo": "bar"}' のように stringify 処理が施された JSON を、{foo: "bar"} のように元の JSON として表示します。"1~2~3~4" や "1=2=3=4" のようにキーで区切られた値を、[1, 2, 3, 4] のように配列として表示します。"ID=1234:foo=bar" のようにキーと値のペアを含む文字列を、{ID:1234, foo: "bar"} のように JSON として表示します。サイドバーの上部にある検索ボックスを使用して、表示された値をフィルタリングすることもできます。
キャッシュストレージの配下で、Cache API を使用して作成した DOM キャッシュの内容を確認できます。キャッシュを選択すると、キャッシュに含まれているリソースの一覧を表示します。各リソースについて、以下の情報を表示します:
ストレージツリーで Cookie ストレージ内の生成元を選択すると、その生成元向けの Cookie をテーブルウィジェットに表示します。Cookie のテーブルには以下の列があります:
注記: 一部の列は、デフォルトで表示されていません。表示する列を変更するには、表示中のテーブルの見出しを右クリックまたは Ctrl を押しながらクリックして、コンテキストメニューで表示・非表示を選択します。
注記: Firefox 51 より前のバージョンでは HostOnly、Secure、HttpOnly の列がそれぞれ isDomain、isSecure、isHttpOnly という名称でした。
テーブルウィジェット 内のセルをダブルクリックして値を編集することで、Cookie を編集できます。また、"プラス" (+) ボタンをクリックして追加された行の値を希望する値に変更することで、新しい Cookie を追加できます:
それぞれの行のコンテキストメニューを使用して、Cookie を削除することもできます:
ローカルストレージおよびセッションストレージの生成元を選択すると、ローカルストレージおよびセッションストレージに関するすべてのアイテムの名称と値をテーブルに表示します。
テーブルウィジェット内のセルをダブルクリックして値を編集することで、ローカルストレージやセッションストレージのアイテムを編集できます:
{{EmbedYouTube("oeQzhpoMByw")}}
コンテキストメニューを使用して、ローカルストレージやセッションストレージの項目を削除することもできます:
また、"プラス" (+) ボタンをクリックして追加された行の値を希望する値に変更することで、新しいストレージアイテムを追加できます。
ストレージツリーで IndexedDB ストレージ内の生成元を選択すると、その生成元向けのすべてのデータベースの詳細情報をテーブルに表示します。データベースの詳細情報は以下のとおりです:
ストレージツリーで IndexedDB のデータベースを選択すると、保存されているすべてのオブジェクトストアの詳細情報をテーブルに表示します。オブジェクトストアの詳細情報は以下のとおりです:
ストレージツリーでオブジェクトストアを選択すると、オブジェクトストア内のすべてのアイテムをテーブルに表示します。すべてのアイテムは、キーとキーに関連づけられた値があります。
Firefox 49 よりストレージツリービューのコンテキストメニューを使用して、IndexedDB データベースを削除できます:
データベースを削除できない (もっとも多い理由は、データベースへのアクティブな接続が存在するため) 場合は、ストレージインスペクターで警告メッセージを表示します:
Firefox 50 よりテーブルウィジェットのコンテキストメニューを使用して、オブジェクトストア内のすべてのアイテムあるいは特定のアイテムを削除できます:
