各ブラウザのCookie確認方法

１．概要

SameSiteの影響で各Cookieが正しく生成されていることを確認する必要がありました。その中で、各ブラウザごとのCookieの確認方法を調査しましたので、その内容をまとめたいと思います。

２．各ブラウザのCookie確認方法（PC）

■Chrome

1．右クリックから「検証」を押下
2．開発ツール右上の「Application＞Cookies」からCookieを確認する

■Safari（Mac）

1．右クリックから「要素の詳細を表示」を押下
2．開発ツール右上の「ストレージ＞Cookie」からCookieを確認する

■Edge

1．右クリックから「要素の検査」を押下
2．開発ツール右上の「ストレージ＞クッキー」からCookieを確認する

■Edge(chromium)

1．右クリックから「開発者ツールで調査する」を押下
2．開発ツール右上の「Application＞Cookie」からCookieを確認する

■Firefox

1．右クリックから「要素の調査」を押下
2．開発ツール右上の「ストレージ＞Cookie」からCookieを確認する

3．各ブラウザのCookie確認方法（スマートフォン）

■Chrome（Android）

1．Android端末の「設定　＞　開発者向けオプション　＞　USBでバック」をONにする
2．PCの方でChromeを開き「chrome://inspect/#devices」と入力する
3．PCにAndroid端末をUSBで接続する。そしてAndroid端末の方に「USB接続の用途」が表示されるが「キャンセル」する
4．その後、接続後にAndroid端末の方で「USBデバックを許可しますか？」と表示されるのでOKを選択する
5．PC画面の方に接続したAndroid端末の情報が表示されるので、対象画面の「inspect」を押下する
6．開発ツールが立ち上がるので「Application＞Cookies」からCookieを確認する

※PCはMac、Windowsのどちらでも可能です。またWindowsの場合、Google USB Driverが必要とのことですが特に入れずに動作しました。

■Safari（iOS）

1．iPhoneの「設定　＞　Safari　＞　詳細　＞　Webインスペクタ」をONにする
2．MacにiPhoneをUSB接続する
3．MacのSafariを起動し、iPhone側はテストしたい対象の画面に遷移する
　※接続して一度iPhoneを動かさないとMac側が認識しないようです
4．MacのSafariの「開発　＞　○○のiPhone　＞　（対象ページのURL）」を選択する
5．開発ツールが立ち上がるので「ストレージ＞Cookie」から対象画面のCookieを確認する

４．Cookieを確認できないブラウザ

調査した結果、iOSのChromeだけはCookieを確認する方法がないようです…。一応以下の方法を試したが無理でした。

• Mac（Chrome）とiPhone（Chrome）をUSB接続する　⇒MacがiPhoneを認識しない
• Windows（Chrome）とiPhone（Chrome）をUSB接続する　⇒WindowsがiPhoneを認識しない

もう少し調査してCookieの確認方法が見つからなければ、あきらめようと思います…

５．まとめ

iPhoneのChromeはCookieを確認する方法がないので、できる限りiPhoneはSafariを使うといいと思います。（問題が起きてもCookieが原因なら調査できないので…）