主要ブラウザCookieの確認方法まとめ

#目次
- [概要](#概要)
- [Chrome](#chrome)
- [Safari](#safari)
 - [iPhoneのsafari](#iphoneのsafariでの確認方法)
- [Firefox](#firefox)
- [IE(11)](#ie)
- [Edge](#edge)

##概要
主要ブラウザのCookieの確認方法についてまとめました。

対象のブラウザは

 - [Chrome](#chrome)
 - [Safari](#safari)
 - [Firefox](#firefox)
 - [IE](#ie)
 - [Edge](#edge)

独断だが日本の殆どのシェアをまかなえていると思います。
順番も独断で優先度順です。マイクロソフトさんごめんなさい。

ブラウザのバージョンは明記してあるもの以外は最新バージョン付近です。
（バージョン変わってもあんま変わらないと思います。）

それぞれについて名前/値/有効期限が確認出来る方法を記載しています。

ブラウザシェア参考：
[株式会社ウェブレッジ](https://webrage.jp/techblog/pc_browser_share/)さん
[NetMarketShare](
https://www.netmarketshare.com/?options=%7B%22filter%22%3A%7B%22%24and%22%3A%5B%7B%22deviceType%22%3A%7B%22%24in%22%3A%5B%22Mobile%22%2C%22Desktop%2Flaptop%22%5D%7D%7D%5D%7D%2C%22dateLabel%22%3A%22Trend%22%2C%22attributes%22%3A%22share%22%2C%22group%22%3A%22browser%22%2C%22sort%22%3A%7B%22share%22%3A-1%7D%2C%22id%22%3A%22browsersDesktop%22%2C%22dateInterval%22%3A%22Monthly%22%2C%22dateStart%22%3A%222018-12%22%2C%22dateEnd%22%3A%222019-11%22%2C%22segments%22%3A%22-1000%22%7D)さん

その他参考：
https://webtopi.net/archives/23
https://mfumi.hatenadiary.org/entry/20100223/1266904044
https://developer.mozilla.org/ja/docs/Tools/Storage_Inspector
https://stealthinu.hatenadiary.jp/entry/20140515/p1

##Chrome

二種類の確認方法紹介。

開発者ツールから（パッと確認したい人はこっち）
ブラウザの設定から（一覧でみたい人はこっち）

###開発者ツールから

####1.開発者タブを開く

#####開き方
右クリックから検証 or F12
Macなら「Command+Option+I」でも可

####2.Applicationタブを開く

####3.左バーのCookiesから各Cookieの詳細の確認が可能

![スクリーンショット 2019-12-10 14.02.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/c2b15095-f4b4-6d86-9aed-c11b53586121.png)

###ブラウザの設定から

####1.右上三点リーダ的なマークから設定

![Chrome1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/464ce84d-fe29-c730-c1b6-782f2c3dc344.png)

####2.一番下詳細設定タブを開き、サイトの設定

![Chrome3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/a0f1db37-99f4-b87f-c0af-9f76fc1df1ab.png)

####3.Cookieとサイトデータ

![Chrome4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/5f1de94d-dd6b-294a-729f-d5d466cd642d.png)

####4.全てのCookieとサイトデータ

![Chrome5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/c1e6ae96-a7d5-14ee-4f61-94fee8c43a6b.png)

####5.このページでドメイン毎に整理されているので、任意のドメインを選択します。
Cookieの名前(key)毎に並んでいるので、任意のCookieを選択すれば
該当のCookieの情報が確認できます。

##Safari

メニューバーの開発タブからwebインスペクタを開き、
ストレージタブの左バーにあるCookieから参照出来ます。

※開発タブが見当たらない方は、
Safariの環境設定→詳細に「"開発メニューを表示"」というチェックボックスがあるので対応してください。

<img width="448" alt="スクリーンショット 2019-12-10 15.26.23.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/0038ee89-b39a-7540-6dc0-3760aef40b49.png">

ちなみにですが、Cookie一覧のバイナリデータが以下ディレクトリに入っていました。
なんとしても見たい！という方はなんとかして見てみてください。

$HOME/Library/Cookies

####iPhoneのsafariでの確認方法

iPhoneのSafariでCookieを確認する方法をAppleの公式サポートに尋ねてみたのですが、
「公式として個別のCookieを見れる機能は提供していない」との事でした。

残念、、、と思っていたところで以下記事を発見しました。
未検証ですが興味ある方は参照してみてください。

https://www.tam-tam.co.jp/tipsnote/html_css/post12114.html

##FireFox
二種類紹介します。

開発者ツールから（パッと確認したい人はこっち）
アドオンで見る（一覧でみたい人はこっち）

###開発者ツール的なやつで見る
####1.開発者ツール的なやつひらく（Shift + F9）
####2.ストレージタブを開く
####3.左バーCookieのところから確認可能

<img width="1090" alt="スクリーンショット 2019-12-10 14.54.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/ec4711d1-f8d7-e8b9-d6ef-d3ac857e3629.png">


###アドオンで見る
設定のプライバシーとセキュリティからCookieの削除などは行えますが、
詳細情報を確認するためにはアドオンを使わないといけません。

確認する方法はいくつかありますが、今回は検索して上に出てきた、
「Cookie Quick Manager」というアドオンを使いました。

ドメイン毎にCookieが整理されて閲覧できます。

<img width="1014" alt="スクリーンショット 2019-12-10 14.51.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/5d8feae9-776a-fd5c-fc27-64dbbc2489f8.png">

##IE
1.「ファイル」から「インポートとエクスポート」
![ssssssssss.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/75770502-abab-06b3-a81d-2983ada60a46.png)

2.ファイルにエクスポート
エクスポートの対象候補にCookieが出てくるので、チェックを入れてそのまま進みます。
保存先パスを指定してエクスポートすると、TSV形式出力されています。

※読み方については以下が詳しいです。
https://mfumi.hatenadiary.org/entry/20100223/1266904044

##Edge

####1.開発者ツールを開く(F12)

####2.ストレージタブ（バージョンによってはデバッガータブ）を開く

####3.左バーにクッキーとあるのでそこから確認

![コメント 2019-12-10 142914.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/547934/3e3a0fa1-8ace-7295-1071-ec41ec41a251.png)