查看及編輯本機儲存空間

Kayce Basques

Sofia Emelianova

本指南說明如何使用 Chrome 開發人員工具查看、編輯及刪除 localStorage 鍵/值組合。本機儲存空間會在不同瀏覽器工作階段儲存資料。

查看 localStorage 個鍵和值

1. 在你要檢查的網站上開啟開發人員工具。

2. 依序前往「Application」 >「Storage」，然後展開「Local Storage」。按一下網域即可查看其鍵/值組合。

   

3. 如要預覽表格下方的值，請選取一組組合。

   

如要手動重新整理鍵/值組合，請按一下頂端動作列中的「重新整理」圖示 。

篩選鍵/值組合

如要快速找出所需的鍵/值組合，請在頂端的篩選器方塊中輸入鍵或值包含的鍵或值。

建立新的 localStorage 鍵/值組合

1. 查看網域的 localStorage 鍵/值組合。以這個示範頁面為例。
2. 按兩下表格中的空白部分。開發人員工具會建立新的資料列，並將遊標懸停在「Key」資料欄。
3. 輸入新的鍵/值組合。

編輯 localStorage 個鍵或值

1. 查看網域的 localStorage 鍵/值組合。以這個示範頁面為例。
2. 按兩下「鍵」或「值」欄中的儲存格，即可編輯該鍵或值。
3. 請重新整理頁面來套用設定。

刪除 localStorage 個鍵/值組合

1. 查看網域的 localStorage 鍵/值組合。以這個示範頁面為例。
2. 按一下鍵/值組合選取該組合。
3. 在頂端的動作列中按一下 「Delete」(刪除)，即可移除所選的組合。
4. 或者，您也可以按一下「全部清除」來移除所有組合。

透過主控台與 localStorage 互動

由於您可以在主控台中執行 JavaScript，而且 Console 可存取該網頁的 JavaScript 結構定義，因此您可以透過 Console 與 localStorage 互動。

1. 在開發人員工具中開啟控制台。
2. 如果您想存取網域的 localStorage 鍵/值組合 (位於上方動作列之外)，請從頂端的動作列下拉式選單中，選取您需要的 JavaScript 結構定義。
3. 在控制台中執行 localStorage 運算式，就像在 JavaScript 中執行一樣。