查看和修改本地存储空间

Kayce Basques

Sofia Emelianova

本指南介绍了如何使用 Chrome 开发者工具查看、修改和删除 localStorage 键值对。本地存储功能可跨浏览器会话保存数据。

查看 localStorage 个键和值

1. 在您要检查的网站上打开开发者工具。

2. 导航到 Application > Storage，然后展开 Local Storage。点击一个网域即可查看其键值对。

   

3. 如需预览表格下方的值，请选择相应的键值对。

   

如需手动刷新键值对，请点击顶部操作栏中的 Refresh。

过滤键值对

要快速找到所需的键值对，请在顶部的过滤条件框中输入该键或值中包含的字符串。

创建新的 localStorage 键值对

1. 查看网域的 localStorage 键值对。例如，此演示页面。
2. 双击表格的空白部分。开发者工具会创建一个新行，并将光标聚焦在 Key 列中。
3. 输入新的键值对。

修改 localStorage 个键或值

1. 查看网域的 localStorage 键值对。例如，此演示页面。
2. 双击键或值列中的单元格以修改该键或值。
3. 刷新页面即可应用。

删除 localStorage 个键值对

1. 查看网域的 localStorage 键值对。例如，此演示页面。
2. 点击键值对以将其选中。
3. 点击顶部操作栏中的 删除，以移除所选的键值对。
4. 或者，点击 全部清除以移除所有对。

通过控制台与 localStorage 交互

由于您可以在 Console 中运行 JavaScript，并且 Console 可以访问网页的 JavaScript 上下文，因此可以通过 Console 与 localStorage 进行交互。

1. 在开发者工具中，打开控制台。
2. 如果您想要访问当前所在网页之外的某个网域的 localStorage 键值对，请从顶部操作栏中的上下文下拉菜单中选择所需的 JavaScript 上下文。
3. 在控制台中运行 localStorage 表达式，方法与在 JavaScript 中相同。