html5 缓存设置

最新推荐文章于 2023-03-26 23:41:33 发布
最新推荐文章于 2023-03-26 23:41:33 发布
阅读量1.1k 收藏 21
点赞数
分类专栏： 用户体验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Andy90914041/article/details/17286649
版权

1.在服务器添加type以tomcat 为例：web.xml

<mime-mapping>

<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>

</mime-mapping>

2.web中创建xxx.appcache文件：

CACHE MANIFEST
# 可以缓存
/plugins/ext-3.4.1/ext-all.js
/plugins/My97DatePicker/WdatePicker.js


NETWORK:
#不缓存
*
FALLBACK:
#失败页面


3.修改html页面

<!DOCTYPE html>
<html manifest="xxx.appcache">

chn-xcl
关注
  • 0
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解HTML5中的manifest缓存使用
09-28
HTML5引入manifest文件，这是一个后缀为`.manifest`的文本文件，它列出了需要缓存的资源列表，以便在离线时使用。 **Cache Manifest的基本概念** Cache Manifest是一个简单的文本文件，用于定义浏览器应该缓存哪些...
php 前端缓存,前端浏览器缓存及代码部署
weixin_35745051的博客
03-12 224
前言最近手上刚刚拆掉石膏，去楼下房友帮忙。楼下房友领导来自阿里，前端用的是阿里的ant-design，设计将设计图上传到蓝湖，聊天工具也采用阿里的钉钉。有时间我也多多去楼下房友交流学习，多交流，就会有提升。最近也比较忙，好久没有更新博客了。闲言少叙，今天主要谈谈前端性能优化之浏览器缓存。浏览器缓存我前面写过浏览器缓存的文章，也写过html5离线缓存，关于这些缓存，我们很容易搞不清，例如：200 O...
HTML5缓存(localStorage与sessionStorage)
zzo12345的博客
01-28 344
一、简介 比cookie更好的本地存储方式 在html5之前，本地存储使用cookie,但是存储大小只有4k，并且解析也很复杂，不利于开发。于是html5给出了解决方案——两个在客户端存储数据的对象： window.localStorage:可以长期存储数据(存储在硬盘中)，没有截止日期，直到手动去除。可以多窗口共享，但是不能跨浏览器。 window.sessionStorage：用于临时保存数据，在关闭窗口或标签页时将会删除这些数据。同一个窗口下数据可共享(在当前页面下可以获取到数据，换一个...
html页面耗内存严重,页面优化-如何减少网页的内存与CPU占用
weixin_39624864的博客
06-04 4779
有的网页看起来并不大但打开会很卡，有的网页虽然很长但使用流畅，占用用户电脑的内存与CPU就影响这些。浏览器问题，有各自的浏览器处理内存问题会影响到，但几乎没办法控制得了，Windows上的：IE系列，刷新回收的量不大，但最小化会释放内存，。Firefox2据说也会在最小化回收，可我从没见过最垃圾，用多少是多少，基本不回收。据说prototype的ajax还会引起内存一直增加。Opera最好。一直控...
HTML5有哪些缓存方式
subsistent的博客
03-26 3348
API：1.localstorege.setItem(key,value)，键值对的形式缓存2.localstorege.getItem(key)，根据键名来缓存值3.localstorege.length ，获取总缓存数量。
h5 缓存机制
weixin_42235173的博客
02-22 3933
浏览器缓存机制 http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提 取而不是从原始服务器中提取这个资源。 常见的http缓存只能缓存get请求响应的资源 浏览器缓存机制是指通过 HTTP 协议头里的 Cache-Control（或 Expires）和 Last-Modified（或 Etag等字段来控制文件缓存的机制。 总结 协议 缓存有效时间 标识位 辅助 无修改 有修改 优先级 http 1.1 Cache-
html5 offlline 缓存使用示例
09-28
如果想使用该api，必须保证服务器端配置相应的mime类型，拿tomcat为例为大家详细介绍下，感兴趣的各位可不要错过了哈
HTML5离线缓存Manifest是什么
09-28
主要介绍了HTML5离线缓存Manifest是什么，为大家解答什么是HTML5离线缓存Manifest，其作用是什么，感兴趣的小伙伴们可以参考一下
HTML5 应用程序缓存
12-13
HTML5 应用程序缓存 使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。 什么是应用程序缓存（Application Cache）？ HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并...
HTML5 manifest离线缓存的示例代码
09-22
离线访问对基于网络的应用而言越来越重要,这篇文章主要介绍了HTML5 manifest离线缓存的示例代码的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【缓存】HTML5缓存的那些事
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
04-04 1万+
前端修罗场提供全网最专业的前端优质文章与社区服务，为应届生，初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务！内容包含：前端面试辅导，前端面试题，前端交流，前端答疑，前端基础知识，Javascript，CSS，CSS3，HTML，React，Vue，小程序，前端简历，职业交流，远程工作，英文交流，英文提升，外企，互联网，国企，大厂，牛客面试题，掘金面试题，面经，优质前端文章分享...
Html5 学习系列（六）Html5本地存储和本地数据库
derfyfxh588690的博客
08-30 594
一个网站如何能在客户的浏览器存储更多的数据呢？ 在Html4的时代在浏览器端存储点网站个性化的数据，尤其是用户浏览器的痕迹，用户的相关数据等一般只能存储在Cookie中，但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简，想存储复杂的、关系型的用户数据就根本不可能了。但是进入Html5时代，这一切都不叫事... 一...
html设置http缓存代码
热门推荐
Museions的开心博客
06-30 2万+
前端设置http缓存,前端设置html页面缓存方法：静态的html页面想要设置使用缓存需要通过HTTP的META设置expires和cache-control 设置如下网页元信息: &lt;meta http-equiv="Cache-Control" content="max-age=7200" /&gt; &lt;meta http-equiv="Expires" content="Mon,...
设置html页面不让浏览器缓存的方法
张相逢的博客
03-03 1万+
1.在html头中加入以下3句话，可以防止大部分浏览器缓存 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expires" content="Wed, 26 Feb 1997
html5缓存
赵佳敏的博客
02-13 710
html5缓存storage缓存一、html5缓存的方式二、设置缓存---setItem()三、获取缓存---getItem()或者key()1.getItem()2.key()---通过键值获取缓存四、移除缓存---removeItem()五、全部清除缓存---clear()六、length属性---返回储存数据的个数 storage缓存 类似cookie缓存 没有时间限制 一、html5缓存的方式 加粗样式 二、设置缓存—setItem() 两个参数全为String类型 <s
.html页面缓存问题
CamilleZJ的博客
09-15 7912
一般项目发版后前端静态文件会有缓存问题，不强制刷新很难解决，但是用户不会去强制刷新。 一般浏览器缓存的文件有html、css、js等。而html中引入的css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。但是浏览器把整个html页面缓存就稍微麻烦些。 html静态文件缓存： 1、一般设置了静态文件的缓存，都会设置文件的协商缓存。所以每次请求下载文件时，都会返回一个http响应Last-Modified:文件修改时间1。用户访问文件会在http请求头带上If-
浏览器页面的缓存设置（不缓存设置）
飘过的春风
08-26 2万+
　HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息，包括浏览器端，中间缓存服务器端(如：squid等)，Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。       HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，la...
【Web缓存机制概述】4 – HTML5时代的Web缓存机制
weixin_34080951的博客
05-24 156
====索引===== 【Web缓存机制概述】1 – Web缓存的作用与类型 【Web缓存机制概述】2 – Web浏览器的缓存机制 【Web缓存机制概述】3 – 如何构建可缓存站点 【Web缓存机制概述】4 – HTML5时代的Web缓存机制 【Web缓存机制概述】5 – Web App时代的缓存机制新思路 ============ 随着现代浏览器的推动，Flash放弃对移动端的支持...
html设置缓存时间
最新发布
05-31
在HTML中设置缓存时间可以通过HTTP头信息中的"Cache-Control"和"Expires"字段来实现。具体操作如下： 1. 在HTTP头信息中添加"Cache-Control"字段，可以设置缓存策略，常用的有"no-cache"（不缓存）、"max-age"...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值