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

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. 在頂端的動作列中按一下 「刪除」，即可移除所選的組合。
4. 或者，您也可以按一下 「全部清除」來移除所有配對。

透過控制台與 sessionStorage 互動

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

1. 在開發人員工具中開啟控制台。
2. 如要存取目前所在網頁的 sessionStorage 鍵/值組合，請在頂端動作列的內容下拉式選單中，選取所需的 JavaScript 內容。
3. 在主控台中執行 sessionStorage 運算式，方法與在 JavaScript 中執行相同。