浏览器存储 Browser Storage
用户选好深色主题,刷新页面后仍想保留这个选择。
后端与接口约 10 分钟 · 从真实需求理解
1浏览器存储是做什么的?
外观设置当前页面
主题深色
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
浏览器存储主要保存在哪里?
请选择一个最符合题意的答案
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。