浏览器如何存储数据

浏览器不仅仅是展示网站，它们还充当本地数据管理器。它们在您的设备上存储信息，使浏览变得更快、更轻松。

您应该了解浏览器存储数据的三种主要方式：

• Cookies • 浏览器缓存 (Browser Cache) • Web Storage

Cookies

Cookies 是小型文本文件。网站使用它们来记住您。它们存储您的登录会话和语言设置。

工作原理：

• 您访问一个网站。
• 网站向您的浏览器发送一个 cookie。
• 您的浏览器将其保存。
• 在您下次访问时，您的浏览器会将该 cookie 发送回服务器。

请注意：

• Cookies 的容量限制很小，仅为 4KB。
• 它们会随每次请求一起发送，这可能会降低速度。
• 切勿在 cookies 中存储密码。

浏览器缓存 (Browser Cache)

缓存存储图像、CSS 和 JavaScript 等大文件。其目标是提高速度。

工作原理：

• 您第一次访问一个网站。
• 您的浏览器下载所有文件并将其保存在缓存中。
• 下次访问时，浏览器会从您的设备而不是从互联网加载文件。

优点：

• 页面加载速度大大加快。
• 减少了互联网带宽的使用。
• 减轻了服务器的负载。

Web Storage

这是一项 HTML5 功能。它允许网站以键值对的形式存储数据。它比 cookies 更高效，因为它不会随每次请求发送到服务器。

有两种类型：

• Local Storage（本地存储）：即使您关闭浏览器，数据也会保留。容量约为 5MB 到 10MB。
• Session Storage（会话存储）：当您关闭标签页时，数据就会消失。

使用场景：

• Local Storage 非常适合存储深色模式设置。
• Session Storage 非常适合临时表单数据。

总结

• 使用 Cookies 进行登录会话和服务器通信。
• 使用缓存通过静态资源来加速网站加载。
• 使用 Web Storage 存储大量的客户端数据。

来源：https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h