可通过开发者工具查看和编辑网站本地存储数据。首先打开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”，输入键名和值后回车确认。
AI图像编辑器
使用文本提示编辑、变换和增强照片
46 查看详情 
二、通过控制台（Console）编程方式操作本地存储
利用 JavaScript 的 localStorage API，您可以在控制台中直接执行命令来读取或更改本地存储数据，适用于批量操作或测试脚本。
1、打开目标网页，在页面上右键选择“检查”以启动开发者工具。
2、切换到“Console”（控制台）标签页。
3、输入 localStorage.getItem(‘keyName’) 可获取指定键的值。
4、输入 localStorage.setItem(‘keyName’, ‘value’) 可设置或更新某个键值对。
5、输入 localStorage.removeItem(‘keyName’) 可删除指定键。
6、输入 localStorage.clear() 将清除该网站所有的本地存储数据，请谨慎使用。
以上就是谷歌浏览器怎么查看和编辑本地存储（Local Storage）_谷歌浏览器本地数据管理教程的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/322747.html
微信扫一扫 
支付宝扫一扫 
