■ localStorage Viewer 自作ツールやWebアプリの開発・デバッグ時に、ブラウザのlocalStorageに何が 保存されているかを手軽に確認したいと思ったことはありませんか？ 開発者ツールを開かずに、localStorageのデータを一覧表示・追加・編集・削除 できるデベロッパー向け専用ツールです。 ■ このツールの特徴 シンプルな一覧表示 保存されているすべてのキーと値をテーブルで一目で確認できます。 データが0件のときは「キーが存在しません」と表示します。 その場で追加・編集・削除 新しいアイテムの追加、既存データのインライン編集、個別削除、全件削除を すべてブラウザ上で完結します。誤操作を防ぐ確認ダイアログ付きです。 ファイルをダブルクリックするだけ インストール不要。HTMLファイルをブラウザで開くだけで即使用できます。 作業中のサイトと同じブラウザで開けば、そのブラウザのlocalStorageを そのまま管理できます。 ■ 支援版について 支援版の内容はフリー版と同じです。 フリーツールズの活動を応援いただける場合は、支援版をご購入いただけますと幸いです。いただいたご支援は、今後のツール開発や運営の糧とさせていただきます。 ■ ツールの使い方（導入〜使用まで） 【1】 ファイルを準備する 配布されている 「ktx_free_tools_localStorage_viewer.zip」 をダウンロードし、右クリックなどで「すべて展開（解凍）」してください。 【2】 ツールを起動する 展開されたフォルダ内にある 「ktx_free_tools_localStorage_viewer.html」 をダブルクリックしてブラウザで開きます。 【3】 データを確認する ツールを開いたブラウザのlocalStorageに保存されているキーと値が、一覧テーブルに自動表示されます。 【4】 アイテムを追加・編集・削除する 「New Item」欄にキーと値を入力して「add」ボタンを押すと新規追加できます。 既存アイテムの「edit」ボタンで値を書き換え「save」で保存します。 個別削除は「delete」、全件削除は「ALL delete」ボタンを使用します。 ■ ご利用上の注意 本ツールは、ブラウザのlocalStorageを直接読み書きします。「ALL delete」ボタンを押すと、そのブラウザのlocalStorageが全件削除されますのでご注意ください。 ■ 最新情報のチェックはこちら SNSでは、クリエイターの活動を効率化するためのツールやTipsを日々発信しています。 ぜひkentaxのアカウントをフォローして、最新情報をチェックしてください！ X: https://x.com/kentax