别再为测试账号反复登录用免费开源的 Cookie-Editor 亲手掌控每颗 Cookie【免费下载链接】cookie-editorA powerful browser extension to create, edit and delete cookies项目地址: https://gitcode.com/gh_mirrors/co/cookie-editorCookie-Editor 是一款免费开源的浏览器扩展让你在工具栏、开发者工具甚至手机上高效创建、编辑、删除 Cookie是开发者调试、质量测试与隐私管理的得力帮手。本文不按说明书顺序讲解而是带你看一颗 Cookie 从出生到消失的完整一生读完你就能立刻上手。深夜十一点的登录拉锯战假设现在是周五晚上十一点你负责的网站终于要上线新版权限系统。测试人员报来一串 Bug管理员权限、普通用户、游客三种状态各有一个问题。你打开浏览器登录管理员账号 → 发现问题 → 退出 → 登录普通账号 → 再发现问题 → 退出……如此循环到第十二遍时你盯着登录页面的密码框开始怀疑人生。其实你真正想要的只是当前是谁这个标记发生改变。而这个标记就藏在浏览器里那些不起眼的小数据里——Cookie。先认识这位隐形管家Cookie 到底是什么Cookie 是网站在你浏览器里写入的小段文本你可以把它想象成游乐园发的手环第一次入园时登录工作人员给你戴上手环写入 Cookie之后每玩一个项目每次请求你亮一下手环对方就知道你是谁、买过什么票、能不能走快速通道。所以当你退出登录时网站做的不过是把这条手环摘掉当你被强制下线时多半是手环过期了。管理 Cookie本质上是管理网站对你的记忆——包括你的身份、偏好甚至是我看过什么广告这种不想被记住的事。关键点在于Cookie 的值是明文存储的。它不像保险箱更像一张贴纸。这意味着只要你有工具完全可以亲手改写它——而这正是 Cookie-Editor 存在的理由。一个被忽略的事实你的浏览器早就自带 Cookie 工具听到这里你可能会想等一下Chrome 的开发者工具里不是就有 Cookie 面板吗我按 F12 就能看到为什么要多装一个扩展问得好。这正是我最初的好奇也是这个项目最打动我的地方。浏览器自带的工具能看、能改但它散落在开发者工具深处一次只能编辑一颗 Cookie想批量清理、想导入导出、想在手机上操作都无从下手。而 Cookie-Editor 的开发者把最少点击次数当成了核心设计哲学查看、创建、编辑、删除一颗 Cookie最多三次点击。整个项目的界面、按钮布局、交互逻辑全部围绕这句话展开。这不是功能堆砌的全家桶而是一把打磨过的专用工具。打个比方瑞士军刀什么都能干但当你只想拧一颗螺丝时一把趁手的螺丝刀效率高得多。跟随一颗 Cookie走完它的一生空谈无益我们来实际操作一遍。想象你要为测试账号临时扮演一位管理员下面就是这颗 Cookie 从无到有、再到被清理的全过程。第一站查看 —— 点一下图标看清全部底细点击工具栏里的 Cookie-Editor 图标当前页面的所有 Cookie 立刻按域名分组列在你面前每个条目都能展开看到名称、值、域名、路径、过期时间、Secure 与 HttpOnly 等完整属性。第一次用的人往往会惊讶原来一个普通网页背后藏了这么多小数据 那些名字古怪的条目——1P_JAR、NID、OGPC——大多是第三方跟踪与分析服务留下的痕迹。单是看清它们这一步就足以让很多人意识到自己的浏览数据去了哪里。第二站创建 —— 从零造一颗专属 Cookie点底部的加号进入创建界面。填上名称和值指定域名、路径与过期时间点保存——一颗全新的 Cookie 就此诞生。对开发者来说这一步简直是测试利器想模拟新用户首次访问造一颗空白的会话 Cookie 即可。想验证会员过期的状态直接写一个已过期的值。不用动一行代码就能让网站呈现出你想要的任何状态。第三站编辑 —— 改一个值网站就换了副面孔如果说创建是无中生有编辑就是偷梁换柱。点开任意一条 Cookie直接修改它的值保存后刷新页面——网站对你的认知立刻改变。这正是深夜测试拉锯战的终结者不用再一遍遍输密码改一下身份标记的值你就从普通用户变成了管理员。需要提醒的是编辑 Cookie 属于越权操作适合测试环境对生产环境的重要账号还是要走正规的登录流程。第四站删除 —— 从单颗到一键清空清理 Cookie 的姿势同样灵活删除单颗、删除某个域名的全部、或者干脆一键清空当前页面的所有 Cookie。删除后界面会给出明确反馈让你清楚知道现在这片页面已经不认识你了。这也是普通人最常用到的功能——下次某个网站疯狂给你推猜你喜欢的广告时删掉它的跟踪 Cookie世界立刻清净。第五站迁徙 —— 三种格式让 Cookie 跟着你走这是容易被忽略却极其强大的功能。Cookie-Editor 支持三种导入导出格式JSON通用易读适合备份、Netscape 格式兼容 curl 等命令行工具、Header 字符串直接对应浏览器请求头。换电脑、换浏览器、或者要把一套测试配置分享给同事时导出 → 发送 → 导入三步完成 Cookie 大迁徙。团队协作测试时这比手把手教对方你登录一下那个账号高效太多。不止工具栏三个入口对应三种使用习惯如果说前面讲的是功能深度那这个项目在使用场景上也花了不少心思。相关代码分别位于项目的interface/devtools/、interface/sidepanel/与interface/popup/目录工具栏弹窗日常管理最顺手点开即用开发者工具面板调试网页时与 Network、Elements 同屏操作专业开发者的效率之选侧边栏面板不遮挡页面内容边看边改移动端优化Firefox for Android、Safari for iOS、Edge 移动版都有适配触摸屏友好的界面让你在手机上也能管理 Cookie。值得一提的是Safari 用户可以在 App Store 获取 iOS 与 macOS 版本项目在safari/目录下保留了完整的 Xcode 工程方便有兴趣的开发者研究原生实现。免费开源凭什么放心把 Cookie 交给它聊到这里最现实的问题浮出水面Cookie 是敏感数据一个第三方扩展凭什么值得信任首先它是完全开源的所有代码公开可查没有藏着掖着的后门其次清单文件manifest显示它声明了cookies、tabs、storage等权限并且所有操作都在本地完成不上传任何数据到服务器——甚至支持完全离线使用。当然理性地看任何扩展都拥有你授予它的权限所以建议只从官方应用商店安装并定期检查权限列表。把信任建立在可审查之上这正是开源软件最朴素的底气。给谁用先对号入座前端开发者切换用户状态、构造测试 Cookie、调试认证逻辑效率翻倍测试与质量保障人员快速制造边界场景不用反复登录登出SEO 与运营检查网站在不同 Cookie 状态下的表现验证跟踪代码是否生效普通用户清理跟踪 Cookie、备份重要网站登录状态、迁移浏览器数据。如果你恰好是开发者想亲手构建或二次开发克隆仓库后执行npm install与grunt即可生成扩展文件完整流程写在 README.md 里仓库地址为https://gitcode.com/gh_mirrors/co/cookie-editor。写在最后给浏览器配一把钥匙回到开头那个深夜——如果当时你手里有 Cookie-Editor故事会变成这样点开扩展找到身份标记的那颗 Cookie把值改成管理员刷新验证改回刷新。全程不到三十秒没有一次多余登录。Cookie 是网站对你的记忆而管理记忆的权利本来就该在你自己手里。下一次当你又因为登录状态而烦躁时不妨打开浏览器扩展商店搜索 Cookie Editor然后亲手改写一次属于你的 Cookie——你会发现掌控感这种东西试过一次就回不去了。【免费下载链接】cookie-editorA powerful browser extension to create, edit and delete cookies项目地址: https://gitcode.com/gh_mirrors/co/cookie-editor创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考