浏览器中的本地存储和缓存有啥区别？ [关闭]

Posted 2023-02-15

【中文标题】浏览器中的本地存储和缓存有啥区别？ [关闭]

【英文标题】：What is the difference between local storage and cache in the browser? [closed]浏览器中的本地存储和缓存有什么区别？ [关闭]

【发布时间】：2017-09-17 02:37:27

【问题描述】：

当我们在 chrome 的开发者控制台中打开应用程序段时，我们会看到很多类似的东西：

应用

清单 服务工作者

存储

本地存储 会话存储 索引数据库 Web sql Cookie

缓存

缓存存储 应用缓存

我知道缓存用于在本地保存资源，cookie 用于将数据保存在客户端以维护会话。 以键值格式缓存存储。

我想确切地知道它们之间的区别。

【问题讨论】：

developers.google.com/web/tools/chrome-devtools/…

你在问 12 种不同的东西之间的区别，这是很多问题

这个问题过于宽泛。您正在询问十几个不同的网络技术之间的描述和用例，每个技术都有自己的优缺点。您可以非常轻松地搜索您想了解的技术的名称，然后从那里提出更具体的问题，以了解您需要帮助了解哪些技术，尤其是在少数技术之间。

“应用程序段”是什么意思？如何将应用程序段记录到控制台？

【参考方案1】：

我的经验有限，但就我能理解的：

缓存是使用非常频繁的数据，因此存储它以减少所需的处理和加载。

在计算机中，缓存有助于保存处理器用来计算最基本指令的临时数据。它比 ram 快得多，因此更昂贵/更小，但意识形态相同。 在您的浏览器上，常见数据是您从网页获取的 html 和 CSS 等文件

本地存储相反，数据不那么通用，而更加特定于用户，例如表单信息或您在 Google 上以紫色显示的已查看页面 它也是您的 CSS 的对象和数据和 HTML 呈现。

例如：在 YouTube 上，您有一种标准格式，用于显示信息、图标和工具栏，将其想象为界面。缓存在这里有很大帮助。这就是为什么您无需等待 YouTube 图标、搜索栏等重新加载即可搜索新视频的原因。

另一方面，当您登录 youtube 或任何其他网页（如亚马逊）时，该网站通过本地存储知道您的 id。本地存储也有不同的 javascript 界面对象，例如一些选项卡或额外的菜单。

来源：

HTML5 Local Storage VS App Cache Offline Website Browsing http://searchstorage.techtarget.com/definition/cache

http://www.differencebetween.com/difference-between-ram-and-vs-cache-memory/

我也去尝试了以下方法：我去浏览器设置并删除缓存数据并刷新页面。然后我清除了本地存储，我不得不重新登录。

【参考方案2】：

可以随时清除缓存。本地存储肯定会保留。

【讨论】：

本地存储仍然可以随时清除。就像任何本地存储机制一样。如果需要空间，浏览器/操作系统可以随时清除任何内容。

@Garbee：是的，当然，当有人破坏计算机时，它也消失了。不过它应该会留下来。

它仍然没有“可以随时清除缓存”那么清晰，因为只要缓存中的项目良好，缓存就应该保留。这实际上与本地存储相同，“直到开发人员说它去”。它只是以不同的方式发生。他们完全针对两种不同的需求，这个答案不仅不能令人满意地正确描述这两者的任何内容，更不用说甚至无法描述任何一个的单一用例。