Firefoxでローカルストレージを表示/削除する方法


184

Google Chromeでは、ローカルストレージの内容を確認したり、検査後に修正または削除したりする簡単な方法があります。

Firefoxで同じことをする方法はありますか?



可能ですが、そのリンクに行くと、そのプラグインをインストールしましたが、それは私には何もしません:(
Ryan

5
この質問を締めくくった人たちへ:これは、何百ものユーザー(質問と承認された回答の両方)によって投票されたルール(常に良いとは限りません)にもかかわらず良い質問です。それを閉じる理由はありません。もう一度開く必要があります。
Luca Reghellin 2017年

回答:


268

Firebug(便利なWeb開発拡張機能)またはFirefoxの開発者コンソールを使用して、localStorageアイテムを1つずつ削除できます。

Firebugメソッド

  1. Firebugを開きます(右下の小さなバグのアイコンをクリックします)
  2. [DOM]タブに移動します
  3. 下にスクロールして、localStorageを展開します。
  4. 削除するアイテムを右クリックし、[プロパティの削除]を押します

開発者コンソールによる方法

次のコマンドをコンソールに入力できます。

localStorage; // click arrow to view object's properties
localStorage.removeItem("foo"); 
localStorage.clear(); // remove all of localStorage's properties

ストレージインスペクターメソッド

Firefoxにストレージインスペクタが組み込まれました。手動で有効にする必要がある場合があります。以下のrahilwazirの回答を参照してください。


すべての行をクリック(2回)せずに、ローカルストレージのすべてのアイテムを削除する方法はありますか?
Pavel S.

6
localStorage = []と入力できます。Javaコンソールの使用
Thariama

これは希望を超えて壊れています。mega.co.nzで映画をダウンロードし、firebugでDOMをクリックしてください。firefoxが炎上する様子をご覧ください。
gcb 2013年

4
最近のバージョンでは、FirefoxにはJavaScriptコンソール(「Webコンソール」)が組み込まれているため、これを行うためにFirebugをインストールする必要はありません。
リチャードターナー

2
@Thariama s / java console / javaScript console
tuxayo 2017

50

Firefox 34以降、Storage Inspectorのオプションが追加されました。これは、開発者ツールの設定から有効にできます

そこに移動したら、デフォルトのFirefox開発ツールのStorage下のオプションを有効にできます

27-3-16を更新

Firefox 48.0a1で Cookieの編集がサポートされるようになりました。

3-4-16を更新

Firefox 48.0a1は、localStorageおよびsessionStorageの編集をサポートするようになりました。

02-08-16に更新

Firefox 48(安定版リリース)以降は、IndexedDBを除くすべてのストレージタイプの編集をサポートしています


5
Firefox 38以降、残念ながらStorage Inspectorは読み取り専用です。
田川

4
@tagawa Storage Inspectorはデフォルトでは読み取り専用ですが、Firefoxは開発者が将来ストレージのコンテンツを編集できるようにツールの開発に取り組んでいると述べています。elegantthemes.com/blog/resources/…を
Rahil Wazir

2
Firefoxのドイツ語ローカライズバージョンのユーザーへのメモ。デフォルトのFirefox開発ツールでは、「Speicher」というアイテムが2回見つかります。2つ目はStorage Managerです。
ワルヤマ2017年

41

localStorageアイテムを検査するにconsole.log(localStorage);は、JavaScriptコンソール(たとえば、firebugまたは新しいFFバージョンの出荷されたjsコンソール)に入力します。

このコード行を使用して、ブラウザーのlocalStorageコンテンツを取り除くことができます。JavaScriptコンソールで実行してください:

localStorage.clear();

2
最近のバージョンでは、FirefoxにはJavaScriptコンソール(「Webコンソール」)が組み込まれているため、これを行うためにFirebugをインストールする必要はありません。
Richard Turner

4
FirefoxにはlocalStorageで動作するinspect(Object)も含まれ、そこに格納されているデータの編集可能なツリービューが表示されます。
rfinz 2013

これは機能しますが、タブのドメインに対してのみです。フィルタリングせずにローカルストレージを表示するにはどうすればよいですか?

11

「localStorage」は別のオブジェクトなので、「コンソール」で作成、表示、編集できます。コマンドとして「localStorage」と入力してEnterキーを押すだけで、localStorageのキーと値のペアを含む文字列が表示されます(ヒント:フォーマットされた出力の場合は、その文字列をクリックしてください。つまり、各行の各キーと値のペアを表示します)。



6

localStorageFirefox(v27)コンソールで直接使用できませんでした。エラーが発生しました:

[例外...「コンポーネントが利用できません」nsresult:「0x80040111(NS_ERROR_NOT_AVAILABLE)」場所:「JSフレーム::デバッガ評価コード:: ::行1」データ:いいえ]

うまくいったのは:

window.content.localStorage

1

これを試してください、私にとってはうまくいきます:

var storage = null;
setLocalStorage();

function setLocalStorage() {
    storage = (localStorage ? localStorage : (window.content.localStorage ? window.content.localStorage : null));

    try {
        storage.setItem('test_key', 'test_value');//verify if posible saving in the current storage
    }
    catch (e) {
        if (e.name == "NS_ERROR_FILE_CORRUPTED") {
            storage = sessionStorage ? sessionStorage : null;//set the new storage if fails
        }
    }
}

1
コードは大丈夫です。コード+実際の説明なしで「これを試してください」は改善されません。ここで、不足している説明を追加して、将来のユーザーが実際に何かを学ぶようにすると、良い答えが得られます。
Mogsdad 2016

これが英語のコメント付きのコードです:var storage = null; setLocalStorage(); function setLocalStorage(){storage =(localStorage?localStorage:(window.content.localStorage?window.content.localStorage:null)); {storage.setItem( 'test_key'、 'test_value'); //現在のストレージに保存できるかどうかを評価} catch(e){if(e.name == "NS_ERROR_FILE_CORRUPTED"){storage = sessionStorage?sessionStorage:null; //失敗した場合は新しいストレージを設定}}}
E. Varela

一部のブラウザは、Firefoxのように、クリアキャッシュは別のリソースとして溶液でもない「window.content.localStorage」ではありませんので、「NS_ERROR_FILE_CORRUPTED」のエラー、その後、別のオプションの必須を実装するには、show
E.バレラ

1
すごい!その情報で回答を編集するだけで、すべてが一緒に流れるので、良い回答になります。
Mogsdad 2016
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.