要在浏览器的控制台中查看所有的存储（例如 localStorage、sessionStorage 和 cookies），你可以使用浏览器开发者工具的 "Application" 标签页。以下是操作步骤：

1. 打开开发者工具

• 在 Chrome 或 Edge 浏览器中，按 F12 或 Ctrl + Shift + I 打开开发者工具。
• 在 Firefox 中，按 F12 或 Ctrl + Shift + I，然后切换到 "Storage" 标签。

2. 查看存储（localStorage 和 sessionStorage）

• 在 Chrome 或 Edge 中，点击开发者工具顶部的 "Application" 标签。

  • 在左侧面板中，你会看到一项叫做 "Local Storage" 和 "Session Storage"。
  • 点击 "Local Storage" 会显示当前页面存储在 localStorage 中的所有数据（包括键值对）。
  • 点击 "Session Storage" 会显示当前页面存储在 sessionStorage 中的所有数据。

• 在 "Cookies" 部分，你可以看到与当前域名相关的所有 cookies 数据。

• 你还可以查看 "IndexedDB"、"Web SQL" 或 "Cache Storage" 中存储的数据。

3. 查看存储的数据

• 你可以在 "Local Storage" 或 "Session Storage" 下查看每个存储项的键值对。
• 点击其中的键（例如：site）可以查看对应的值。
• 在这里你还可以手动删除、修改或添加数据。

4. 在控制台中查看存储数据

如果你希望通过控制台（Console）查看或操作这些存储，可以在控制台中使用以下命令：

• 查看 localStorage 数据：

  javascript复制代码

  console.log(localStorage); // 输出所有 localStorage 数据

• 查看 sessionStorage 数据：

  javascript复制代码

  console.log(sessionStorage); // 输出所有 sessionStorage 数据

• 查看特定键值对：

  javascript复制代码

  console.log(localStorage.getItem('site')); // 获取 'site' 键对应的值

• 清除所有 localStorage 数据：

  javascript复制代码

  localStorage.clear(); // 清除所有 localStorage 数据

• 清除特定的存储项：

  javascript复制代码

  localStorage.removeItem('site'); // 移除特定项

这些步骤可以帮助你查看和管理浏览器中的所有存储数据。如果你正在调试一个应用并遇到存储相关的问题，这些操作可能会非常有用！