Web 浏览器中的本地存储和缓存有什么区别?

Web 浏览器中的本地存储和缓存有什么区别?,web,google-chrome-devtools,browser-cache,web-developer-toolbar,Web,Google Chrome Devtools,Browser Cache,Web Developer Toolbar,当我们在chrome的开发者控制台中打开应用程序段时,我们会看到很多东西,如: 应用 显示 服务人员 储藏 本地存储 会话存储 索引数据库 Web sql 饼干 缓存 高速缓存存储器 应用缓存 我知道缓存用于在本地保存资源,cookies用于在客户端保存数据以维护会话。 缓存以键值格式存储 我想知道它们之间到底有什么区别。缓存可以随时清除。本地存储肯定会保留下来。我的经验有限,但据我所知: 缓存是经常使用的数据,因此存储它以减少所需的处理和加载 在计算机中,缓存有助于保存处理器用

当我们在chrome的开发者控制台中打开应用程序段时,我们会看到很多东西,如:

  • 应用

    • 显示
    • 服务人员
  • 储藏

    • 本地存储
    • 会话存储
    • 索引数据库
    • Web sql
    • 饼干
  • 缓存

    • 高速缓存存储器
    • 应用缓存
我知道缓存用于在本地保存资源,cookies用于在客户端保存数据以维护会话。 缓存以键值格式存储


我想知道它们之间到底有什么区别。

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

我的经验有限,但据我所知:

缓存是经常使用的数据,因此存储它以减少所需的处理和加载

  • 在计算机中,缓存有助于保存处理器用于计算最基本指令的临时数据。它速度快得多,因此比ram更贵/更小,但思想相同
  • 在您的浏览器上,常见的数据是从网页上获取的HTML和CSS等文件
  • 本地存储相反,数据不那么通用,而更具体到用户,比如表单信息或出现在谷歌紫色页面上的已浏览页面。它也是CSS和HTML呈现的对象和数据

    例如:在YouTube上,您有一个标准格式,其中显示信息、图标和工具栏,将其想象为界面。缓存在这里帮助很大。这就是为什么你可以搜索新的视频,而不必等待YouTube图标,搜索栏等。。。重新加载

    另一方面,当您登录youtube或任何其他网页(如Amazon)时,该网站通过本地存储知道您的id。本地存储也有不同的javascript接口对象,如一些选项卡或额外菜单

    资料来源:

    • 我还尝试了以下方法:我进入浏览器设置,删除缓存数据,刷新页面。然后我清除了本地存储,我必须再次登录


    你问的是12种不同事物之间的区别,这是一个很难回答的问题。这个问题过于宽泛。你要在十几个不同的web技术之间寻找描述和用例,每个技术都有自己的优缺点。你可以很容易地搜索你想知道的技术的名称,然后从那里问更多的具体问题,特别是在少数人之间了解你需要帮助的内容。你说的“应用程序部分”是什么意思?如何将应用程序段记录到控制台?本地存储仍然可以在任何时候清除。就像任何本地存储机制一样。如果需要空间,浏览器/操作系统可以在任何时候清除任何东西。@Garbee:是的,当然,当有人破坏计算机时,它也不见了。虽然它应该保持不变,但它仍然没有“缓存可以随时清除”那么清晰,因为只要缓存中的项目良好,缓存就应该保持不变。这实际上与本地存储相同,本地存储“直到开发人员要求它运行”。它只是以一种不同的方式进行。它们完全针对两种不同的需求,这个答案不仅不能恰当地描述这两种需求的任何方面,而且更不能描述这两种需求的单个用例。