要在浏览器的控制台中查看所有的存储（例如 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'); // 移除特定项
这些步骤可以帮助你查看和管理浏览器中的所有存储数据。如果你正在调试一个应用并遇到存储相关的问题，这些操作可能会非常有用！
