Chromeとoperaの開発モードで手早くCookieの確認と削除する方法

Chromeとoperaの開発モードで手早くCookieを確認と削除する方法
このエントリーをはてなブックマークに追加
PR

WebサイトでCookieを使ってテストを行っていると、Cookieをいちいち消さなくてはいけません
そんな時に、Chromeやoperaの設定からCookieを削除するのはとても手間なので、デベロッパーモードでCookieを確認して削除できます

 

デベロッパーにする

Chromeの場合 F12で起動
operaの場合「ctrl+shift+i」で起動

 

デベロッパーのResourcesでcookieを操作する

Chromeとoperaの開発モードでCookieを確認と削除する方法 (3)

開発モードのResourcesタブを選択することでCookieの項目を見ることが出来ます

下から2番めにCookieがあるのでそこを展開して必要なCookieを確認します

Chromeとoperaの開発モードでCookieを確認と削除する方法 (4)

 

Cookieを選択すると内容が右側に表示されます

Chromeとoperaの開発モードでCookieを確認と削除する方法 (5)

 

Cookieを削除する

Cookieを右クリックから削除する事が出来ます。ドメインごと削除することも出来ますし、一つ一つの値を削除することも出来ます

Chromeとoperaの開発モードでCookieを確認と削除する方法 (6)

Chromeとoperaの開発モードでCookieを確認と削除する方法 (1)

Chromeやoperaの設定から削除するよりもかなり楽かと思います
個別に削除もできるので、制作や検証に重宝します

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)