Application面板可结构化查看编辑Cookie及存储数据，Console支持快速读写，Clear storage能一键清空某站点全部本地数据。
你需要在调试网页时实时查看当前页面的 Cookie 值、修改 localStorage 键值，或验证某条会话标识是否被正确写入——这些操作必须在开发者工具中直接完成，不能依赖刷新或重登。
通过 Application 面板查看和编辑 Cookie 与存储数据
这是最结构化、最安全的查看方式，所有数据按域名隔离显示，支持双击编辑、右键删除、空白处新增。
打开目标网页后，按 F12 或 Ctrl+Shift+I（Windows/Linux）/Cmd+Opt+I（macOS）调出开发者工具。
点击顶部标签栏的 Application 选项卡。
在左侧边栏依次展开 Storage → Cookies，即可看到当前网页域名下的全部 Cookie 列表；同理，展开 Local Storage 或 Session Storage 可查看对应存储内容。
双击任意 Cookie 的 Name 或 Value 字段即可修改；修改后无需保存，浏览器自动同步。若要新增 Cookie，需在空白区域右键→Add cookie，手动填写 Name、Value、Domain、Path、Expires 等字段——【Domain 必须与当前页面域名完全匹配，否则写入失败】。
用 Console 快速读写 Cookie 和 localStorage
适合批量验证、临时调试或脚本化操作，所有命令均作用于当前页面源（origin），不跨域。
切换到开发者工具的 Console 标签页。
输入 document.cookie 回车，可一次性读取当前页面所有 Cookie 字符串（以分号分隔）。
执行 localStorage.getItem('token') 查看指定键值；若返回 null，说明该键不存在或未被写入。
写入新值：运行 localStorage.setItem('debug_mode', 'true') ——注意 value 必须是字符串，存对象需先 JSON.stringify()。
清空当前域名下全部 localStorage：localStorage.clear()；该操作不可逆，【执行前请确认无关键数据未备份】。
精准定位并批量管理单个网站的全部本地数据
当你需要彻底重置某个测试站点的状态（比如清除 Cookie + LocalStorage + Cache + Service Worker），这个方法一步到位。
第一步：确保已打开目标网站页面，且开发者工具处于开启状态。
第二步：切换至 Application 标签页 → 左侧边栏展开 Clear storage。
第三步：确认右侧显示的 Site 为当前网页完整地址（如 https://dev.example.com）。
第四步：勾选全部需要清理的项目：Cache storage、Cookies、Local Storage、Session Storage、IndexedDB、Web SQL、Service Workers。
第五步：点击 Clear site data 按钮，页面将自动刷新，所有本地数据立即清空。
