Cookie 编辑器以简洁可排序的表格展示当前域名的所有 cookies,包括 cookie 名称、值、过期日期、路径和安全标志(HttpOnly、Secure、SameSite)。支持内联编辑值、使用自定义参数添加新 cookie,以及单个或批量删除 cookie —— 是调试身份验证、会话管理和同意流程的必备工具。
Cookies 是身份验证、会话管理、用户偏好、同意追踪、数据分析和 A/B 测试的核心机制 —— 但在开发过程中管理它们十分繁琐。Chrome DevTools 在「应用程序」面板中展示 cookies,但界面较为基础,需要在多个面板之间来回切换。Cookie 编辑器将所有内容汇聚到一张清晰的表格中:当前域名的每个 cookie 及其所有属性一览无余。点击任意 cookie 值即可内联编辑,修改立即保存到浏览器的 cookie 存储中。支持使用自定义名称、值、过期日期、路径和标志添加全新的 cookie,也可单独或批量删除。表格以安全标志徽章(S 代表 Secure,H 代表 HttpOnly)直观显示,便于验证敏感 cookie 是否受到妥善保护。Session cookies 与持久性 cookies 通过过期列加以区分。这正是开发者希望浏览器 DevTools 内置的工具。
当前域名的所有 cookies 以可排序的表格显示,包含名称、值、过期时间(或「Session」)、路径和标志等列。表格简洁易读,一目了然。
点击任意 cookie 值即可就地编辑,输入新值后立即保存到浏览器的 cookie 存储中。无需删除后重新创建 —— 直接修改值即可。
点击「添加」可创建带有自定义名称、值、过期日期、路径和域名的新 cookie,并可设置 Secure、HttpOnly 和 SameSite 标志。cookie 将立即创建到浏览器的 cookie 存储中。
点击删除按钮可删除单个 cookie,或点击「全部删除」清除当前域名的所有 cookies。适用于测试未登录状态或同意流程。
可视化徽章标注安全标志:S(Secure —— 仅限 HTTPS)、H(HttpOnly —— 不可通过 JavaScript 访问)、SameSite 值(Strict、Lax、None)。一目了然地验证敏感 cookies 是否得到妥善保护。
「过期时间」列清晰区分 session cookies(显示「Session」—— 关闭浏览器时删除)与持久性 cookies(显示实际过期日期和时间),cookie 生命周期一目了然。
检查 session cookies 以验证登录后是否正确设置。编辑 session token 以测试过期或无效的会话处理逻辑。删除 session cookie 以测试未登录状态的用户体验。
删除同意 cookie 以重新触发 cookie 同意横幅。编辑同意值以测试不同的同意状态(全部接受、部分接受、全部拒绝)。
检查身份验证 cookies 是否设置了 HttpOnly(防止 XSS 窃取)、Secure(仅限 HTTPS)和 SameSite=Strict 或 Lax(防止 CSRF)。缺失的标志在表格中一目了然。
通过添加 cookies 模拟已登录状态、A/B 测试分组、功能标志分配或语言偏好,无需经历正常的用户操作流程。
将 cookie 的过期时间编辑为过去的日期并刷新页面,测试网站如何处理过期 cookies;或将 session cookie 更改为持久性 cookie 以测试持久化行为。
打开 DevSuite Pro 弹出窗口,点击 Cookie 编辑器图标,当前域名的所有 cookies 将加载到表格中。
滚动浏览 cookie 表格,点击列标题可按名称、值或过期时间排序。安全标志徽章显示哪些 cookies 设置了 Secure 和 HttpOnly。
点击任意值单元格进行内联编辑,输入新值后立即保存到 cookie 存储中。页面可能需要刷新才能反映更改。
点击「添加」可创建带有完整参数控制的新 cookie;点击任意行的删除图标可移除该 cookie;「全部删除」可清除所有 cookies。
编辑 cookies 后,刷新页面查看更改对网站的影响 —— 包括登录状态、偏好设置、同意横幅等。