第一步:查看Cookie列表
打开开发者Cookie编辑器后,工具会自动检测并加载当前页面的所有Cookie。Cookie以表格形式展示,每一行代表一个Cookie,列出了名称、值、域名、路径、过期时间、Secure标志、HttpOnly标志和SameSite属性等关键信息。您可以点击任意列的表头对Cookie进行排序,方便快速浏览。
第二步:添加新的Cookie
点击页面上方的"添加Cookie"按钮,会弹出添加表单。在表单中填写以下信息:
- 名称(Name):Cookie的标识符,建议使用有意义的英文名称,避免使用中文或特殊字符
- 值(Value):Cookie存储的数据内容,可以是任意字符串
- 域名(Domain):指定Cookie所属的域名,留空则默认为当前域名
- 路径(Path):指定Cookie的作用路径,默认为根路径"/"
- 过期时间(Expires):设置Cookie的过期日期,留空则创建会话Cookie(浏览器关闭后自动删除)
- Secure:勾选后Cookie仅在HTTPS协议下传输
- SameSite:选择Strict、Lax或None,控制Cookie在跨站请求中的发送行为
填写完成后点击"保存"按钮,新的Cookie即刻生效。
第三步:编辑现有Cookie
在Cookie表格中找到需要修改的Cookie,点击该行右侧的"编辑"按钮。编辑面板会预填该Cookie的当前值,您可以修改任意字段。修改完成后点击"更新"按钮保存更改。注意:修改域名或路径可能导致Cookie在当前页面不可见,因为域名和路径决定了Cookie的作用域。
第四步:删除Cookie
删除Cookie有两种方式。单个删除:点击目标Cookie行的"删除"按钮,确认后即可删除。批量删除:勾选多个Cookie左侧的复选框,然后点击"批量删除"按钮,确认后所有选中的Cookie将被同时删除。如果需要删除特定域名或路径下的所有Cookie,可以先使用筛选功能缩小范围,然后使用"全选"功能选中所有筛选结果进行批量删除。
第五步:导出Cookie
点击"导出"按钮,工具会将当前页面的所有Cookie数据序列化为JSON格式并触发浏览器下载。导出的JSON文件包含每个Cookie的完整属性信息。建议定期导出Cookie作为备份,特别是在进行会话管理相关的开发调试之前。导出的文件也可以作为测试数据在其他环境中导入使用。
第六步:导入Cookie
点击"导入"按钮,选择之前导出的JSON文件。工具会解析文件中的Cookie数据并逐一创建。导入过程中如果遇到同名Cookie,会选择覆盖已有值。导入完成后会显示导入结果摘要,包括成功导入的数量和失败的原因。请确保导入的Cookie域名与当前页面匹配,否则Cookie可能无法正常设置。
第七步:使用Cookie Store API
如果您的浏览器支持Cookie Store API,工具会自动启用该功能。在工具设置中可以切换使用传统document.cookie接口或Cookie Store API。Cookie Store API模式下,所有Cookie操作都是异步执行的,不会阻塞页面渲染。同时工具会监听Cookie变更事件,当页面中的JavaScript代码修改Cookie时,工具会自动刷新显示最新的Cookie列表。
使用技巧
以下是一些提高效率的使用技巧:使用快捷键Ctrl+F可以在Cookie列表中快速搜索;双击表格中的某个单元格可以快速编辑该字段的值;按住Shift键点击复选框可以选择连续范围的Cookie;在Cookie值较长时,将鼠标悬停在单元格上会显示完整的内容提示。这些小技巧能够帮助您更高效地管理Cookie数据。
UD5工具箱