首页 > 试题广场 >

HTML5 应用程序缓存和浏览器缓存有什么区别？

[问答题]
HTML5 应用程序缓存和浏览器缓存有什么区别？
添加回答
安如水头像 安如水

H5引入了应用程序缓存，意味着WEB应用可进行缓存，可在没有因特网时进行访问

应用程序缓存的优势：

离线缓存：用户可在离线时使用它们

速度：加载速度更快

减少服务器负载：浏览器只从服务器下载更新的或者更改过的资源

实现借助manifest文件

<html manifest="demo.apache">

发表于 2019-05-29 13:44:03 回复(0)
拯救世界的光太郎头像 拯救世界的光太郎

H5引入应用程序缓存，对于一个应用程序来说，会有三大优势：


1. 离线浏览 - 用户可在应用离线时使用它们（最关键的一点，可获取少数或者全部网站内容，包括 HTML、CSS、图像和 JavaScript 脚本并存在本地，可通过如下方式实现。）

<!doctype html>
    <html manifest="example.appcache">
</html>


2. 速度更快 - 上面的特性加速了网站的性能，因为已缓存资源加载得更快。


3. 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

与传统的浏览器缓存比较，该特性并不强制要求用户访问网站。需要注意的是：HTML5 应用缓存已废弃，取而代之是service-worker的标准


Web 应用程序的本地缓存与浏览器的网页缓存有许多方面都存在着明显的区别。


1. 本地缓存为整个 web 应用程序服务的，而浏览器的网页缓存只服务于单个网页

任何网页都有网页缓存，本地缓存只缓存指定的页面。


2. 网页缓存不安全

我们不知道在网站中到底缓存了哪些网页，缓存了网页上的哪些资源。而本地缓存可以控制缓存哪些内容。开发人员还可以利用编程的手段来控制缓存的更新，利用缓存对象的各种属性、状态和事件来开发出更加强大的离线应用程序。


3. 网页缓存不可靠

要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。如果网络没有连接，即使浏览器启用了对一个站点的缓存，依然无法打开这个站点。只会收到一条错误信息。

而使用离线 web 应用，我们可以主动告诉浏览器应该从网站服务器中获取或缓存哪些文件，并且在网络离线状态下依然能够访问这个网站。


H5引入的浏览器缓存，就是前面的题中说的：localStorage和sessionStorage。这两者并不会像cookie那样把数据交给服务器，仅仅停留在客户端。正如名字一样，前者将数据存储在了本地，那么除非手动删除，否则就不会消失；而后者是回话级别的，关了窗口，数据就没有了。


更多关于应用程序缓存和浏览器缓存的知识点可以参考：https://www.axihe.com/focus/html/21.html


编辑于 2022-03-06 16:37:31 回复(0)
太阳煮的酒头像 太阳煮的酒

HTML5提供了应用程序缓存，可以支持获取离线资源，同时提高了网页性能。

发表于 2019-09-29 10:16:40 回复(0)
Yichuan_Sima头像 Yichuan_Sima

应用程序缓存是 HTML5 的重要特性之一，提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能，它的实现借助于 manifest 文件，如下： 

<!doctype html>  <html manifest=”example.app***”>  …..  </html>

与传统浏览器缓存相比，它不强制用户访问的网站内容被缓存。

发表于 2018-03-26 11:37:44 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>实现离线使用，不强制缓存</p>
发表于 2020-08-29 12:37:40 回复(0)
火柴哥头像 火柴哥

<p>Html5提供了应用程序缓存,使得在没有因特网的情况下也可以获取离线资源，提高了网页的性能</p>

编辑于 2020-05-12 21:51:16 回复(0)
名字被占用的Aimee头像 名字被占用的Aimee
.html5重要特性。提供离线缓存，离线时可以使用，加载速度快，提高了网页的性能
编辑于 2020-03-10 09:26:39 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
7条回答 5974浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号