怎样利用米侠浏览器调试并修改网页的本地存储数据?

小涛姑娘_5784

小涛姑娘_5784

2026-06-27

714人浏览

原创

可在米侠浏览器Application面板直接查看、编辑、清空或增删localStorage数据:打开F12→Application→Storage→localStorage,支持单键编辑、重命名、右键删除、Clear storage或localStorage.clear()清空,以及右键Add new item添加新键值对,导出用copy(JSON.stringify(localStorage)),导入需匹配域名并执行解析赋值。

怎样利用米侠浏览器调试并修改网页的本地存储数据?

你想在米侠浏览器里直接查看、编辑或清空某个网站存的 localStorage 数据,比如改掉登录状态标记、删掉失效的缓存键、或者手动注入测试用的配置项——这些操作不需要重启浏览器,也不依赖后端接口,全靠开发者工具里的 Application 面板就能完成。

打开 Application 面板并定位目标站点

在目标网页标签页中按 F12 打开开发者工具 → 点击顶部导航栏的 Application 标签 → 左侧边栏展开 Storage 分类 → 点击 localStorage。此时右侧会列出当前域名下所有已存储的键值对。

注意:【必须先加载过目标网页,且该页面脚本已执行过 localStorage 操作,否则列表为空】。如果页面刚打开还没触发存储逻辑,可先手动刷新一次。

查看与编辑单个 localStorage 键值

在右侧键值列表中,点击任意一行的 key 或 value 区域即可直接编辑。

编辑 value 时支持 JSON 字符串、纯文本、数字等多种格式;修改后按回车确认,新值立即生效并同步到页面运行时环境。例如把 "isLogin": "false" 改成 "isLogin": "true",刷新页面后可能直接跳过登录页。

双击 key 名称也能重命名,但【不建议随意重命名系统级 key(如 token、sessionId),可能导致页面功能异常】。

批量删除指定键或全部清除

方法一:删除单个键
右键目标 key → 选择 Delete。

方法二:清空当前域名全部 localStorage
右键左侧 localStorage 节点 → 选择 Clear storage → 在弹出框中勾选“Local storage” → 点击 Clear。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

方法三:命令行快速清除(适合频繁调试)
切换到 Console 标签页 → 输入 localStorage.clear() 并回车。这行代码会立刻清空当前页面域名下的所有 localStorage 数据,无二次确认。

手动添加新键值对

第一步:在 Application → Storage → localStorage 右侧空白处右键 → 选择 Add new item。
第二步:在弹出的输入框中依次填入 key(如 user_theme)和 value(如 dark)。
第三步:按回车提交,新条目即刻出现在列表中,并被当前页面 JavaScript 实时读取。

若 value 是复杂对象,必须先用 JSON.stringify() 转为字符串再写入,否则会被自动转成 [object Object]。例如:localStorage.setItem("config", JSON.stringify({lang: "zh-CN", notify: true}))。

导出与导入 localStorage 数据

导出:
在 Console 中执行:copy(JSON.stringify(localStorage)) → 此时完整数据已复制到剪贴板,可粘贴到文本编辑器保存为 backup.json。

导入:
将备份的 JSON 字符串粘贴进 Console,执行:Object.keys(JSON.parse(`粘贴内容`)).forEach(k => localStorage.setItem(k, JSON.parse(`粘贴内容`)[k]))。注意替换其中的反引号部分为实际 JSON 内容。

【导入前务必确认目标域名与备份时一致,跨域导入会导致数据写入错误域名】。

相关专题

更多
Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

80

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

40

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

40

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

20

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

40

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

20

15

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

40

15

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

2026.10.22

240

12

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

2026.10.22

20

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程