可通过开发者工具查看和编辑网站本地存储数据。首先打开Chrome浏览器进入目标页面,右键“检查”或按F12打开开发者工具,切换至“Application”选项卡,在左侧“Local Storage”下选择域名查看键值对,可双击修改、右键删除或添加条目;也可切换到“Console”选项卡,使用localStorage.getItem('keyName')获取值,setItem('keyName', 'value')设置值,removeItem('keyName')删除指定项,clear()清空所有数据。操作需谨慎,避免误删重要信息。

如果您需要检查或修改某个网站在您的浏览器中存储的本地数据,例如保存的用户偏好或应用状态,可以通过开发者工具直接操作。以下是具体的操作步骤:
本文运行环境:Dell XPS 13,Windows 11
一、使用开发者工具查看和编辑本地存储
Chrome 浏览器内置的开发者工具提供了对本地存储(Local Storage)的完整访问权限,允许您查看、添加、修改或删除键值对。
1、打开谷歌浏览器并进入您想要检查的网站页面。
2、在页面上右键单击,选择“检查”,或按快捷键 F12 打开开发者工具。
3、在开发者工具面板中,点击顶部的“Application”(应用程序)选项卡。
4、在左侧边栏的“Storage”部分,展开“Local Storage”项,然后点击当前网站的域名。
5、右侧主窗口将显示所有存储的键值对,您可以双击任意一行来修改其内容,或右键删除不需要的条目。
6、如需添加新条目,可右键列表空白处,选择“Add item”,输入键名和值后回车确认。
二、通过控制台(Console)编程方式操作本地存储
利用 JavaScript 的 localStorage API,您可以在控制台中直接执行命令来读取或更改本地存储数据,适用于批量操作或测试脚本。
1、打开目标网页,在页面上右键选择“检查”以启动开发者工具。
2、切换到“Console”(控制台)标签页。
3、输入 localStorage.getItem('keyName') 可获取指定键的值。
4、输入 localStorage.setItem('keyName', 'value') 可设置或更新某个键值对。
5、输入 localStorage.removeItem('keyName') 可删除指定键。
6、输入 localStorage.clear() 将清除该网站所有的本地存储数据,请谨慎使用。











