火狐浏览器内置“存储”检查器可可视化管理localstorage、sessionstorage、cookies和cache storage。通过ctrl+shift+i打开开发者工具，点击“…”选择“存储”面板，即可查看、编辑、增删各类本地数据，并借助控制台命令导出导入localstorage数据。
如果您在开发 Web 应用时需要查看或修改当前页面的本地存储数据（如 localStorage、sessionStorage、cookies、cache storage 等），火狐浏览器内置的“存储”检查器可直接提供可视化管理界面。以下是使用该工具的具体步骤：
一、打开“存储”检查器面板
该面板是 Firefox 开发者工具的一部分，需先启用开发者工具并切换至“存储”标签页，才能访问全部本地数据视图。
1、在火狐浏览器中打开目标网页。
2、按下 Ctrl + Shift + I（Windows/Linux）或 Cmd + Opt + I（macOS）打开开发者工具。
3、点击顶部标签栏右侧的 “…”（更多工具）按钮，在下拉菜单中选择 “存储”。
4、若未看到“存储”选项，可右键点击任意已显示的标签（如“控制台”），勾选 “存储”以启用该面板。
二、查看和编辑 localStorage 与 sessionStorage
这两个 API 存储的键值对以纯文本形式保存在当前源（origin）下，可在“存储”面板中实时浏览、新增、修改或删除。
1、在左侧导航栏中展开 “Local Storage” 或 “Session Storage” 节点。
2、点击对应域名条目，右侧表格将列出所有键名（Key）与值（Value）。
3、双击某一行的 “Value”单元格 即可编辑内容，按 Enter 确认修改。
4、右键点击任意键名，选择 “删除项” 可移除单条记录；选择 “清空存储” 可删除该域下全部数据。
三、管理 Cookies
Cookies 按域名组织，支持查看属性（如 HttpOnly、Secure、SameSite）、过期时间及手动增删，便于调试登录态或跨域策略问题。
1、在左侧导航栏中点击 “Cookies”。
2、选择目标域名后，右侧显示完整 Cookie 列表，包含名称、值、域、路径、到期时间等字段。
3、点击右上角 “+”号按钮 可添加新 Cookie，需填写名称、值、域（必须匹配当前页面 host）、路径等必填项。
4、右键某 Cookie 条目，选择 “删除” 即刻移除；勾选复选框后批量操作亦可执行删除。
四、清理 Cache Storage 缓存
Service Worker 控制的 Cache Storage 可独立于 HTTP 缓存进行读写，“存储”面板提供直接访问接口，适用于 PWA 调试。
1、展开左侧 “Cache Storage” 节点。
2、点击具体缓存名称（如 “my-app-v1”），右侧显示所有已缓存请求 URL 及响应头信息。
3、右键任意缓存条目，选择 “删除” 移除单个资源；点击面板顶部 “清空缓存” 按钮可删除整个缓存空间。
4、如需重新填充缓存，需通过运行 Service Worker 脚本触发 fetch 事件，面板本身不提供写入功能。
五、导出与导入存储数据（通过控制台辅助）
Firefox “存储”面板原生不支持导出为文件，但可借助控制台命令实现数据提取与重建，满足备份或迁移需求。
1、在开发者工具中切换至 “控制台” 标签页。
2、输入命令 JSON.stringify(localStorage) 并回车，获取当前 localStorage 全量 JSON 字符串。
3、复制输出结果，在文本编辑器中保存为 localStorage-backup.json 文件。
4、恢复时，在控制台执行 localStorage.clear(); Object.keys(data).forEach(k => localStorage.setItem(k, data[k]));，其中 data 为已解析的 JSON 对象。
