查看及編輯工作階段儲存空間

Kayce Basques

Sofia Emelianova

本指南說明如何使用 Chrome 開發人員工具查看、編輯及刪除 sessionStorage 鍵/值組合。工作階段儲存空間會在網頁工作階段結束時清除。

查看 sessionStorage 個鍵和值

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

2. 移至「應用程式」 >「儲存空間」，然後展開「工作階段儲存空間」。按一下網域即可查看其鍵/值組合。

   

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

   

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

篩選鍵/值組合

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

建立新的 sessionStorage 鍵/值組合

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

編輯 sessionStorage 個鍵或值

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

刪除 sessionStorage 個鍵/值組合

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

透過主控台與 sessionStorage 互動

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

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