Cookie を表示、追加、編集、削除する

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

HTTP Cookie は、主にユーザー セッションの管理、ユーザーのパーソナライズ設定の保存、 ユーザー行動をトラッキングします。これらは、「このページでは Cookie が使用されています」というわずらわしさを引き起こしているすべての原因でもあります。 ウェブ全体で目にしている同意フォームです。このガイドでは、Google Chat のメッセージ履歴を表示、追加、編集、 Chrome DevTools でページの Cookie を削除します。

[Cookies] ペインを開く

  1. Chrome DevTools を開きます。
  2. [アプリケーション] を開く >ストレージ >Cookie: 送信元を選択します。

[Cookies] ペイン

フィールド

Cookies テーブルには次のフィールドがあります。

  • 名前: Cookie の名前。
  • 値。Cookie の値。
  • ドメイン。Cookie の受信が許可されているホスト。
  • パス。Cookie ヘッダーを送信するために、リクエストされた URL に存在する必要がある URL。
  • 有効期限 / Max-Age。Cookie の有効期限または最長存続期間。 セッション Cookie の場合、この値は常に Session です。
  • サイズ。Cookie のサイズ（バイト単位）。
  • HttpOnly.このフィールドは、true の場合に Cookie を HTTP でのみ使用する必要があることを示し、 JavaScript の変更は許可されていません。
  • 安全性。true の場合、このフィールドは、Cookie をサーバーに送信できるのは 安全な HTTPS 接続を提供します
  • SameSiteCookie が試験運用版の SameSite を使用している場合は、Strict または Lax が含まれます。 属性です。
  • パーティション キー。独立パーティション状態を持つ Cookie の場合、パーティション キーは、Cookie を設定したエンドポイントへのリクエスト開始時にブラウザがアクセスしていたトップレベル URL のサイトです。
  • 優先度。Low、Medium（デフォルト）、または非推奨の Cookie を使用する場合は High が含まれる 優先度属性。

Cookie の値を表示するには、表内で Cookie を選択してください。パーセント エンコードなしで値を表示するには、[ Show URL-decoded] をオンにします。

Cookie をフィルタ

[フィルタ] ボックスを使用して、名前または値で Cookie をフィルタします。

「id」を含まない Cookie を除外する。

他のフィールドによるフィルタリングはサポートされていません。フィルタでは大文字と小文字が区別されません。

任意の Cookie を追加するには:

  1. 表の空の行をダブルクリックします。
  2. 名前と値を入力し、Enter キーを押します。

その他の必須フィールドは、DevTools によって自動的に入力されます。これらは次に説明するように編集できます。

Cookie を編集する

自動的に更新されるサイズを除き、すべてのフィールドを編集できます。

フィールドをダブルクリックして編集します。

Cookie の名前を「DEVTOOLS!」に設定する

DevTools では、無効なフィールド値を持つ Cookie は赤でハイライト表示されます。

パーティション キーに無効な値を持つ Cookie。

有効な Cookie を除外するには、上部のアクションバーで [ 問題のある Cookie のみを表示する] をオンにします。

Cookie

Cookie を削除するには、Cookie を選択して上部のアクションバーにある [選択項目を削除] をクリックします。

選択した Cookie を削除しています。

[すべて消去] をクリックして、すべての Cookie を削除します。

すべての Cookie を消去します。

サードパーティ Cookie を特定して検査する

サードパーティ Cookie は、現在のトップレベル ページとは異なるサイトによって設定される Cookie です。サードパーティ Cookie には SameSite=None 属性があります。

このような Cookie は、DevTools の [Application] に一覧表示されます。ストレージ >Cookie: Cookie の横に警告警告アイコンが表示されます。アイコンにカーソルを合わせると、ツールチップが表示されます。クリックすると [問題] パネルに移動し、詳細を確認できます。

[ストレージ] セクションで SameSite=None 属性が指定されている Cookie。

サードパーティ Cookie は、[ネットワーク] >リクエストをクリック >Cookie。

[Network] パネルで SameSite=None 属性が指定されている Cookie。

[ネットワーク] パネルでは、問題のある Cookie がハイライト表示され、サードパーティ Cookie の段階的廃止の影響を受ける Cookie の横に警告の警告アイコンが表示されます。