ローカル ストレージの表示と編集

localStorage キーと値のペアを表示、編集、削除するには、アプリケーション ツールを使用します。

localStorage キーと値を表示する

1. [ アプリケーション ] タブをクリックして、 アプリケーション ツールを開きます。 [マニフェスト] ウィンドウは既定で表示されます。

   

2. [ ローカル ストレージ ] メニューを展開します。

   

3. ドメインをクリックして、キーと値のペアを表示します。

   

4. テーブルの行をクリックすると、テーブルの下のビューアーに値が表示されます。

   

新しい localStorage キーと値のペアを作成する

1. ドメインの localStorage キーと値のペアを表示します。

2. テーブルの空の部分をダブルクリックします。 DevTools は新しい行を作成し、カーソルを [キー ] 列にフォーカスします。

   

localStorage キーまたは値を編集する

1. ドメインの localStorage キーと値のペアを表示します。

2. [キー] 列または [値] 列のセルをダブルクリックして、そのキーまたは値を編集します。

   

localStorage キーと値のペアを削除する

1. ドメインの localStorage キーと値のペアを表示します。

2. 削除するキーと値のペアをクリックします。 DevTools では青色が強調表示され、選択されていることを示します。

3. を押 Deleteすか、選択 した削除 () をクリックします。

ドメインのすべての localStorage キーと値のペアを削除する

1. ドメインの localStorage キーと値のペアを表示します。

2. [ すべてクリア] (。

コンソールから localStorage を操作する

コンソールで JavaScript を実行できるため、コンソールはページの JavaScript コンテキストにアクセスできるため、コンソールから操作localStorageできます。

1. 表示されるページ以外のドメインのキーと値のペアにアクセスlocalStorageする場合は、JavaScript コンテキスト メニューを使用してコンソールの JavaScript コンテキストを変更します。

   

2. localStorage JavaScript と同じように、コンソールで式を実行します。

   

この作品は 、クリエイティブ・コモンズ属性4.0国際ライセンスに基づきライセンスされています。