モノラルログ

マツオ ( @matsuoshi / monaural.net ) のざっくりしたブログです

Safari や IE で、Cookie を追加・編集・削除したい

メモメモ。

SafariIECookie を操作したい、という話がありました。

Chrome系なら拡張機能 "Edit This Cookie" あたりを使えば簡単ですね。

chrome.google.com

では Safari では? それっぽい拡張機能が見つからない……?

ということで、こんな感じで解決しました。

  • Developer Tool のコンソールを開いて
  • Cookie を操作する JavaScript ライブラリを読み込ませて
  • 引き続き、コンソールからJSを叩いて Cookie操作

拡張機能に比べたらお手軽かというとそうではないですが、まあこういう方法でできましたよ、ということで。

実際の方法

Developer Tool のコンソールで以下を叩いて、Cookie操作のためのライブラリ js-cookie を読み込ませます

script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js'; document.getElementsByTagName('head')[0].appendChild(script)

これで Cookie 操作が簡単にできるようになったので、続いてコンソールで

Cookies.set('foo', 'bar');

と叩いて操作する感じです。

この方法だとブラウザ依存もないですし、外部ライブラリを読み込ませていろいろやる方法は Cookie 操作目的以外でも使えると思うので、メモ残しておきます。

github.com