术语 · 前端

浏览器存储

Browser Storage

把少量数据存在用户浏览器里,刷新或下次再来时还能读到。

存在用户这边的小抽屉

这台设备的抽屉

theme"dark"

draft"写到一半…"

数据留在用户这边
刷新之后,它还在
数据写进浏览器的存储里,刷新页面之后依然读得到。

换个角度想

浏览器存储像健身房的储物柜:东西存在你常去的那家店(这台设备的浏览器),下次来还在;但换一家店(另一台设备)柜子就是空的,店家清柜(清缓存)东西也就没了。

存一条数据,刷新后还在吗?

  1. theme

    往浏览器的抽屉里放一张便签
  2. 关闭页面 ✕

    数据还躺在浏览器里

  3. 刷新页面后读取

    theme"dark"
  4. 这台设备 · 还在
    另一台设备 · 没有

把键值对写进浏览器

什么时候会遇到它

  1. 记住偏好

    深色模式、语言选择,下次打开自动生效。

  2. 保持登录

    登录凭证放在浏览器里,关掉重开不用再输密码。

  3. 暂存草稿

    表单写到一半不小心刷新,内容还能找回来。

想一想

用户换了台电脑登录,发现深色模式设置没跟过来。这是 bug 吗?

看答案

不是。偏好存在原来那台设备的浏览器里,不会跟着账号走。想跨设备同步,就得把它写到后端数据库、和账号绑定。

最容易踩的坑

浏览器存储在用户手里:能被查看、修改和清空。别往里放密钥和敏感信息,重要数据永远以后端为准。

⌘K搜索知识库

最近收录

正在载入知识索引…