読者です 読者をやめる 読者になる 読者になる

まちいろエンジニアブログ

南池袋のWebサービス開発会社、株式会社まちいろのエンジニアブログです。

Chrome拡張機能 EditThisCookieを使ってみる

Google Chrome

こんにちは!まちいろの日高です。

Cookie使いこなせていますか?
私はつい最近、Cookieに値をセットする、セットした値を読み込むということを理解した超初心者です。

今回は、GoogleChromeCookieの中身を見ることができる拡張機能EditThisCookieについて紹介します。

 GoogleChromeCookieを確認する

ブラウザの初期機能としてもCookieを確認することは可能です。

Chromeの設定から【プライバシー】【コンテンツの設定】を選択します。
f:id:shidaka:20161130120557p:plain
コンテンツの設定画面から【全てのCookieとサイトデータ】を選択します。
f:id:shidaka:20161130120608p:plain
Cookieがセットされているサイトとその中身を見ることができます。
f:id:shidaka:20161130120618p:plain

 EditThisCookieでCookieを確認する

Cookieを見るだけであれば、標準機能で十分かもしれません。
例えば、Cookieを書き換えてテストをしたい、リアルタイムで確認したいなどであれば、
EditThisCookieの追加をオススメします。

まずはChromeに追加するところから始めます。
chrome.google.com
完了すると、Chrome検索バー横にアイコンが表示されます。
f:id:shidaka:20161130121147p:plain

保存されるCookieはこのように確認することができます。
f:id:shidaka:20161130121739p:plain

 EditThisCookieでCookieを変更する

EditThisCookieでは、保存されているCookieの変更・削除も可能です。

EditThisCookie画面で該当Cookieの【値】を編集します。
編集後はチェックアイコンをクリックすることで反映されます。
f:id:shidaka:20161130122041p:plain

Cookieを削除したい場合は削除アイコンをクリックすることで反映されます。
f:id:shidaka:20161130122052p:plain

 まとめ

Cookieの閲覧・編集・削除を行うのは、GoogleChrome標準機能ではなくEditThisCookieを使うことをお勧めします。
ぜひ追加してみてください。