要在瀏覽器的控制臺中查看所有的存儲（例如 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'); // 移除特定項

這些步驟可以幫助你查看和管理瀏覽器中的所有存儲數據。如果你正在調試一個應用并遇到存儲相關的問題，這些操作可能會非常有用！