各ブラウザでクッキーを編集する方法【ツール導入不要】

Tweet

先日ブラウザのXSS対策の試験のためにIE11、Chrome、FireFox、macのSafariでCookieを編集する必要がありました。
方法をGoogle検索したところ拡張ツールを使ったりファイルのインポートやエクスポートを駆使しなければいけないなど面倒くさいものばかりでした。
各ブラウザとも既存機能のみを利用し、新たにツールを導入せずとも手軽にCookieを編集できる方法があるので、備忘録も兼ねて記事にします。
確認はしていませんが、おそらくEdgeでも同じ方法で編集できます。

Cookieの編集方法

ブラウザの開発者ツール（ブラウザのウィンドウ内を右クリックで「要素の検証」を選択するか、F12押下で開く）を開くと、IE11、Safari、FireFoxでは一番下の部分に「＞」と表示された入力ウィンドウが表示されます。
Chromeの場合は「コンソール」タブに「＞」が表示され、入力が可能となります。

画像だと以下の部分です（クリックで拡大画像が表示されます）。

Safariの場合

IE11の場合

Chromeの場合

FireFoxの場合

この入力ウィンドウではJavaScriptコードを実行できるので、Cookieを編集するjsを実行します。
書き方は、例えば

document.cookie='userid=asdf'

と入力し、エンターを押すと「userid」に「asdf」と設定することができるといった具合です。

まとめ

以上が各ブラウザで手軽にCookieを編集する方法となります。
XSS試験などに気軽に挑めるので覚えていて損はないと思います。

Tweet