#1.概要
SameSiteの影響で各Cookieが正しく生成されていることを確認する必要がありました。その中で、各ブラウザごとのCookieの確認方法を調査しましたので、その内容をまとめたいと思います。
#2.各ブラウザの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を確認する
#4.Cookieを確認できないブラウザ
調査した結果、iOSのChromeだけはCookieを確認する方法がないようです…。一応以下の方法を試したが無理でした。
- Mac(Chrome)とiPhone(Chrome)をUSB接続する ⇒MacがiPhoneを認識しない
- Windows(Chrome)とiPhone(Chrome)をUSB接続する ⇒WindowsがiPhoneを認識しない
もう少し調査してCookieの確認方法が見つからなければ、あきらめようと思います…
#5.まとめ
iPhoneのChromeはCookieを確認する方法がないので、できる限りiPhoneはSafariを使うといいと思います。(問題が起きてもCookieが原因なら調査できないので…)