SPT术语库

浏览器存储 Browser Storage

用户选好深色主题,刷新页面后仍想保留这个选择。

后端与接口约 10 分钟 · 从真实需求理解

1浏览器存储是做什么的?

BROWSER STORAGE · LOCAL DATA页面偏好留在当前浏览器
PAGE PREFERENCE
外观设置当前页面
主题深色
LOCAL STORAGE当前浏览器
themedark

键和值一起保存

RELOAD刷新页面
theme = dark

页面先有一份本地偏好。

浏览器存储可以把少量数据留在当前设备上。刷新页面时,页面还能把它读回来。

  • 页面先准备一个键和值,例如 theme = dark。
  • 浏览器把这份数据放在自己的存储空间里。

它不是服务端数据库,也不会自动让其他设备看到同一份数据。

2它和数据库有什么不同?

浏览器存储放在用户当前的浏览器里,数据库放在服务端。两者保存的位置不同。

  • 换一台设备,浏览器存储通常不会跟着过去。
  • 密码、令牌等敏感数据不要直接当作普通偏好保存。

Cookie、sessionStorage 和缓存也有自己的用途,不要看到“保存”就把它们混成一种东西。

3一次保存由哪些部分组成?

01 · PAGE DATA页面偏好外观设置主题:深色
02 · KEY / VALUE浏览器存储
theme = dark

按 key 保存对应的 value。

03 · RESTORE刷新后读取页面重新打开theme = dark

浏览器存储最容易理解的形式,就是一份键和值。页面写入后,重新加载时再按键读取。

  • 页面数据是准备保存的内容。
  • 存储键值说明数据放在哪里。
  • 恢复读取让页面重新显示原来的偏好。

4怎样把 Browser Storage 需求交给 Agent?

请把主题偏好保存在当前浏览器中,刷新后恢复;不要保存敏感信息,也不要假设它会跨设备同步。

5不用背,看看你能不能判断

1 / 3

浏览器存储主要保存在哪里?

请选择一个最符合题意的答案

选择答案后自动进入下一题

社区延伸

看别人真实遇到过什么

社区帖子还没有关联到这个词条。