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

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

Chrome DevTools

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

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

DevTools の [プライバシーとセキュリティ] パネル

このパネルには、Cookie の制御と情報が表示されます。

[コントロール] タブを使用して、Chrome でサードパーティ Cookie が制限されている場合の現在のページの動作をテストします。Chrome の猶予期間またはヒューリスティック ベースの例外が有効になっている場合とそうでない場合の両方でテストできます。

Chrome DevTools の [プライバシーとセキュリティ] パネルで [コントロール] タブが選択されている様子
Chrome DevTools の [プライバシーとセキュリティ] パネルの [コントロール] タブ

[サードパーティ Cookie] タブには、Cookie と Cookie のブロックに関する情報が表示されます。

Chrome DevTools の [プライバシーとセキュリティ] パネルで [サードパーティ Cookie] タブが選択されている様子
Chrome DevTools の [プライバシーとセキュリティ] パネルの [サードパーティ Cookie] タブ

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

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

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

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

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

クロスサイト Cookie のブロック理由が表示されている Chrome DevTools の [Network] パネル
Chrome DevTools の [Network] パネルで Cookie 情報を表示します。

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

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

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

Chrome ネットワーク ログ

Chrome では、ブラウザのネットワーク レベルのイベントと状態のログファイルを記録できます。これは、Cookie が設定またはブロックされる方法とタイミングを詳細に分析する場合に役立ちます。

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

関連リソース