HTTP Cookie は主に、ユーザー セッションの管理、ユーザーのパーソナライズ設定の保存、ユーザー行動のトラッキングに使用されます。また、これらの同意フォームは、ウェブ全体で「このページでは Cookie を使用しています」という同意フォームが表示される原因となります。このガイドでは、Chrome DevTools を使用してページの Cookie を表示、追加、編集、削除する方法について説明します。
[Cookie] ペインを開く
- Chrome DevTools を開きます。
- [アプリケーション] > [ストレージ] > [Cookie] を開き、送信元を選択します。
フィールド
[Cookies] テーブルには次のフィールドがあります。
- 名前: Cookie の名前。
- 値。Cookie の値。
- ドメイン。Cookie の受信が許可されたホスト。
- パス。
Cookie
ヘッダーを送信するために、リクエストされた URL に存在する必要がある URL。 - 有効期限 / Max-AgeCookie の有効期限または最長存続期間。セッション Cookie の場合、この値は常に
Session
です。 - サイズ。Cookie のサイズ(バイト単位)。
- HttpOnly。true の場合、このフィールドは Cookie は HTTP でのみ使用され、JavaScript の変更は許可されないことを示します。
- 安全性。true の場合、このフィールドは、Cookie を安全な HTTPS 接続を介してのみサーバーに送信できることを示します。
- SameSite。Cookie が試験運用版の
SameSite
属性を使用している場合、Strict
またはLax
が含まれます。 - パーティション キー。独立したパーティション状態の Cookie の場合、パーティション キーは、Cookie を設定したエンドポイントに対するリクエストの開始時にブラウザがアクセスしていたトップレベル URL のサイトです。
- 優先度。
Low
、Medium
(デフォルト)、または非推奨の Cookie 優先属性を使用している場合はHigh
が含まれます。
Cookie の値を表示するには、表でその値を選択します。パーセント エンコードなしで値を表示するには、
[デコードされた URL を表示] チェックボックスをオンにします。Cookie をフィルタする
[フィルタ] ボックスを使用して、[名前] または [値] で Cookie をフィルタします。
他のフィールドによるフィルタリングはサポートされていません。フィルタでは大文字と小文字は区別されません。
Cookie を追加する
任意の Cookie を追加するには:
- 表の空の行をダブルクリックします。
- 名前と値を入力し、Enter キーを押します。
DevTools によって、その他の必須フィールドが自動的に入力されます。これらは次で説明するように編集できます。
Cookie を編集する
自動更新される [Size] 以外のすべてのフィールドは編集できます。
フィールドをダブルクリックして編集します。
DevTools では、フィールド値が無効な Cookie が赤色でハイライト表示されます。
有効な Cookie を除外するには、上部のアクションバーで
[問題のある Cookie のみを表示] をオンにします。Cookie
Cookie を削除するには、削除する Cookie を選択し、上部のアクションバーにある
[選択した項目を削除] をクリックします。すべての Cookie を削除するには、
[すべて消去] をクリックします。サードパーティ Cookie を特定して検査する
サードパーティ Cookie とは、現在のトップレベル ページとは異なるサイトによって設定された Cookie です。サードパーティ Cookie には SameSite=None
属性があります。
DevTools では、このような Cookie が [アプリケーション] > [ストレージ] > [Cookie] に一覧表示され、その横に警告アイコンが表示されます。アイコンにカーソルを合わせるとツールチップが表示され、クリックすると [Issues] パネルに移動して詳細を確認できます。
サードパーティ Cookie は、[ネットワーク] > [リクエスト] > [Cookie] でも確認できます。
[ネットワーク] パネルでは、問題のある Cookie がハイライト表示され、サードパーティ Cookie の段階的廃止の影響を受ける Cookie の横に警告警告アイコンが表示されます。