火狐浏览器开发者工具中的存储面板如何修改LocalStorage数据？

火狐浏览器调试时可直接修改localStorage：一、通过“存储”面板双击编辑键值对；二、在控制台执行setItem/removeItem/clear；三、支持导出JSON修改后重新导入，并注意上下文切换以操作跨域数据。

当你在火狐浏览器中调试网页功能异常、表单状态错乱或登录凭证未更新时，需要直接修改当前页面的 localStorage 数据来验证逻辑是否正确，而不是反复刷新或重走流程。

用存储面板双击编辑键值对

打开目标网页后，按 Ctrl+Shift+I（Windows/Linux）或 Cmd+Opt+I（macOS）调出开发者工具。

点击顶部标签栏中的“存储”选项卡，左侧边栏展开“Local Storage”节点，再点击当前网页域名（如 example.com）。

右侧表格列出所有键值对，双击任意“键”或“值”单元格即可编辑，输入新内容后按 Enter 确认；若输错可按 Esc 撤销。

注意：编辑后不会立即生效于正在运行的脚本，需手动刷新页面或重新触发读取逻辑才能看到变化。

在控制台执行 JavaScript 修改

方法一：添加或覆盖某项数据

切换到“控制台”选项卡，输入类似 localStorage.setItem('theme', 'dark') 后回车，该键值将写入或更新。

方法二：删除指定条目

执行 localStorage.removeItem('token') 即可移除对应 key，不弹窗、无提示，操作不可逆。

方法三：清空全部数据

运行 localStorage.clear()，当前域名下所有 localStorage 条目将被彻底删除。

批量导入导出与跨域调试技巧

第一步：在“存储”→“Local Storage”中选中目标域名，右键空白处选择“导出”，保存为 JSON 文件备份原始数据。

第二步：用文本编辑器修改导出的 JSON 内容，例如把 "user_id": "123" 改成 "user_id": "999"，再回到面板右键选择“导入”并选中该文件。

第三步：若需修改其他域名（如嵌入 iframe 的第三方站点）的数据，必须先在控制台右上角的上下文选择器中切换到对应源，否则 localStorage 默认只作用于当前主页面域。

【导入操作会直接覆盖现有同名键，且不校验 JSON 格式，格式错误会导致整条导入失败】