Cookie EditorCookie Editor
すべての記事

ブログ

Cookie Editor でブラウザのクッキーを表示・編集する方法

ブラウザのクッキー管理は複雑である必要はありません。Cookie Editor を使えば、Chrome ブラウザから直接クッキーの表示、編集、追加、削除が簡単にできます。認証フローをテストする開発者でも、セッションデータを管理する上級ユーザーでも、このガイドが手順を順を追って説明します。

🔧 必要なもの

  • Google Chrome または Chromium ベースのブラウザ(Brave、Edge、Cốc Cốc など)
  • Cookie Editor 拡張機能 がインストール済みであること

👀 任意のウェブサイトのクッキーを表示する方法

  1. クッキーを確認したいウェブサイトを開きます
  2. Chrome ツールバーの Cookie Editor アイコンをクリックします。
  3. 拡張機能が現在のページで設定されたすべてのクッキーの一覧を表示します。表示項目には以下が含まれます:
    • Name(名前)
    • Value(値)
    • Domain(ドメイン)
    • Path(パス)
    • Expiration(有効期限)
    • HttpOnly / Secure フラグ

上部の検索バーで名前を検索したり、スクロールして一覧を確認できます。

すべての情報を表示する代わりに、表示するクッキーのパラメータをカスタマイズできます。

✏️ クッキーを編集する方法

  1. Cookie Editor パネルで、編集したいクッキーを見つけます。
  2. クッキーの横にある鉛筆/編集アイコンをクリックします。
  3. 任意のフィールド(値、有効期限など)を変更します。
  4. Edit をクリックして変更を適用します。

⚠️ HttpOnly クッキーなど、一部のクッキーはブラウザのセキュリティ制限により編集できません。

➕ 新しいクッキーを追加する方法

  1. 上部のプラスアイコンをクリックします。
  2. 必須フィールドを入力します:
    • Name(名前)
    • Value(値)
    • Expiration Date(有効期限)
    • HttpOnly
    • SameSite
    • Secure
  3. Add をクリックします。クッキーは即座に追加され、一覧に表示されます。

❌ クッキーを削除する方法

  1. 削除したいクッキーの横にあるゴミ箱アイコンをクリックします。
  2. クッキーはブラウザから即座に削除されます。

「Clear All」ボタンを使って、現在のページのすべてのクッキーを削除することもできます。

🧪 クッキーを表示・編集する理由

  • セッションやログインの問題をデバッグする
  • ログイン/ログアウトなしでユーザーの状態をシミュレートする
  • アプリがクッキーの変更をどう処理するかテストする
  • デバイスやアカウント間でログインクッキーを共有する

🔐 重要な注意事項

Cookie Editor はブラウザの制限により、現在のタブ現在のドメインでのみ動作します。クッキーを編集または表示する際は、正しいページにいることを確認してください。

🚀 今すぐ試す

Cookie Editor ならクッキーを完全にコントロールできます。Chrome ウェブストアからインストールして、数クリックでクッキー管理を始めましょう。