Cookie 用のデベロッパー ツール

Chrome には、サイトでの Cookie の使用状況を把握するのに役立つ複数のツールが用意されています。

Chrome DevTools

Chrome で Cookie 情報を表示する最も簡単な方法は、Chrome DevTools を使用することです。アドレスバーの右側にある ⋮ ボタンをクリックし、[その他のツール] > [デベロッパー ツール] を選択します。

Chrome DevTools を開きます。アドレスバーの右側にある ⋮ ボタンをクリックし、[その他のツール] > [デベロッパー ツール] を選択します。
Chrome のメインメニューから DevTools にアクセスします。Chrome DevTools を開くには、この操作を行う方法がすべて記載されています。

[アプリケーション] パネルの [Cookie] ペイン

[アプリケーション] パネルの [Cookie] ペインでは、現在のサイトと埋め込みリソースで使用されている Cookie を表示およびフィルタできます。

Chrome DevTools の [Application] パネルの [Cookies] ペインに、サイト web.dev の情報が表示されている
Chrome DevTools の [Application] パネルの [Cookies] ペインで Cookie 情報を表示します。

ネットワーク パネルの Cookie 情報

Chrome DevTools の [ネットワーク] パネルには、問題のある Cookie がハイライト表示され、サードパーティ Cookie を使用できない影響を受ける Cookie の横に警告アイコンが表示されます。

クロスサイト Cookie のブロックの理由が表示された Chrome DevTools のネットワーク パネル
Chrome DevTools のネットワーク パネルで Cookie 情報を表示します。

プライバシー サンドボックス分析ツール

プライバシー サンドボックス分析ツール(PSAT)は、Cookie の使用状況を把握し、サードパーティ Cookie からの移行を支援する一連の機能を DevTools に追加する Chrome 拡張機能です。

Cookie 情報を表示するプライバシー サンドボックス分析ツール。
プライバシー サンドボックス分析ツールで Cookie 情報を表示する。

Chrome ネットワーク ログ

Chrome では、ブラウザのネットワーク レベルのイベントと状態のログファイルを記録できます。これは、Cookie がどのように、いつ設定またはブロックされたかを詳細に分析する際に役立ちます。

netlog ビューアで表示される chrome://net-export の出力
netlog ビューアで表示される chrome://net-export の出力

補足説明