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

凱斯巴斯克文
Kayce Basques
索菲亞艾梅利安諾瓦
Sofia Emelianova

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

查看 sessionStorage 個鍵和值

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

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

    youtube.com 的鍵/值組合。

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

    查看所選金鑰的值。

如要手動重新整理鍵/值組合,請按一下頂端動作列中的 ,即可查看對方的最新位置資訊。「Refresh」

篩選鍵/值組合

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

篩除不含「false」字串的鍵/值組合。

建立新的 sessionStorage 鍵/值組合

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

編輯 sessionStorage 個鍵或值

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

刪除 sessionStorage 個鍵/值組合

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

透過控制台與 sessionStorage 互動

由於您可以在「主控台」執行 JavaScript,且「主控台」可存取頁面的 JavaScript 結構定義,因此可以直接透過主控台sessionStorage 互動。

  1. 在開發人員工具中開啟控制台
  2. 如果您想存取目前網頁以外網域的 sessionStorage 鍵/值組合,請在頂端的動作列中,選取您需要的 JavaScript 結構定義
  3. 在「Console」中執行 sessionStorage 運算式,與使用 JavaScript 時相同。

透過控制台與「sessionStorage」互動