13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

各ブラウザのCookie確認方法

Last updated at Posted at 2020-03-17

#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が原因なら調査できないので…)

13
6
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?