一个简单的Cookie编辑器

发表于 分类于

前两天调试 Web 应用的时候，需要改一下 cookie 值来测试不同用户状态。打开开发者工具找 Application 面板、再展开 Cookies 找到对应的域名，操作起来有点繁琐。

想了想，能不能搞个简单的书签脚本，一键查看和修改 cookie？

代码实现

1
document.cookie = window.prompt("COOKIE编辑器", document.cookie);void(0);

就这么几行，简洁得不行。

原理说明

  1. document.cookie 读取当前页面的所有 cookie
  2. window.prompt() 弹出一个输入框，第一个参数是提示文字，第二个参数是输入框的默认值
  3. 用户编辑后点击确定，返回值赋给 document.cookie，完成修改
  4. void(0) 防止书签跳转页面

使用方法

把下面这段存成书签的 URL：

1
javascript:document.cookie=window.prompt("COOKIE编辑器",document.cookie);void(0);

在任意页面点击这个书签，就能看到当前站点的 cookie，改完点确定就生效了。