查看和修改会话存储空间

Sofia Emelianova
Sofia Emelianova

本指南介绍了如何使用 Chrome 开发者工具查看、修改和删除 sessionStorage 键值对。网页会话结束时,系统会清除会话存储空间。

查看 sessionStorage 个键和值

  1. 在要检查的网站上打开开发者工具

  2. 导航到应用 > 存储,然后展开会话存储。点击某个网域即可查看其键值对。

    youtube.com 的键值对。

  3. 要预览表格下方的值,请选择一个键值对。

    查看所选键的值。

若要手动刷新键值对,请点击顶部操作栏中的刷新 刷新

过滤键值对

要快速找到所需键值对,请在顶部的过滤框中输入键或值包含的字符串。

过滤掉不包含字符串“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. 控制台中运行 sessionStorage 表达式,就像在 JavaScript 中运行一样。

从控制台与“sessionStorage”交互