html5的appcache

最新推荐文章于 2024-05-10 17:03:15 发布

kyfxbl

最新推荐文章于 2024-05-10 17:03:15 发布

阅读量2.4k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/kyfxbl/article/details/11970383

版权

本文介绍了如何利用HTML5的AppCache功能创建离线应用，详细阐述了从准备清单文件、注册MIME类型、关联清单到编程控制applicationCache对象的步骤，并提到了相关API和文档资源。

摘要由CSDN通过智能技术生成

从HTML5开始，支持将页面资源（包括.html、.css、.js、.png）等缓存起来，从而实现离线应用

步骤如下：

1、准备appcache清单文件

清单文件可以使用任何扩展名，只需要在步骤2中，在web server里注册即可

这里起名为demo.appcache，文件内容是

CACHE MANIFEST

CACHE:
5.html
5.css
jquery-1.8.0.js
5.js

2、注册appcache清单文件的MIME

对于tomcat，在%TOMCAT_HOME%/conf/web.xml里配置

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

3、在要缓存的html里关联清单文件


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

<head>
	<meta charset="UTF-8">
	<link type="text/css" rel="stylesheet" href="5.css" />
	<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kyfxbl

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CacheDemo(创建缓存)

qq_32177747的博客

11-27

1496

#import "ViewController.h" //封装的MD5类 #import "NSString+Hashing.h" @interface ViewController ()NSURLConnectionDataDelegate>{ UIImageView* _imageView; NSMutableData* _mData;

android h5使用缓存_Html5利用AppCache和LocalStorage实现缓存h5页面数据

weixin_39959298的博客

01-13

778

最近在开发的过程中遇到了一个问题，就是在Android上通过WebView加载Html5页面时发现页面加载速度慢，再加上网络速度慢，每次请求需要5s左右的时间，严重影响用户体验，所以查询资料，最终找到一个可以解决加载缓慢的方法，现在介绍给大家：1、使用AppCache机制实现缓存html，css，js文件和一些本地图片，这种缓存方法使用manifest文件进行缓存数据，一般manifest文件默认...

参与评论您还未登录，请先登录后发表或查看评论

HTML5 - 应用程序缓存(Application Cache)

m0_68669764的博客

12-19

316

就像前面说到的一样，如果你的 manifest 文件更新了，你访问页面，需要刷新一次，更新的页面才能 load加载进来，那么这样就有一个问题，如果你的后端数据，就是给 js ajax 接口的数据变化了，你对应的 js 也修改了。再刷一次页面，就好了。与很多文章中说的一样，先上线你的文件，然后修改一下页面中引入的cache.manifest文件即可，比如修改下注释，修改后，如果再访问页面，就会先去校验manifest 时候有更新，如有更新，再次刷新页面的时候，页面就会更新了。

html5 appcache试用总结

joshuaton25的专栏

11-17

770

今天想优化下项目，试了下h'm

HTML5 应用缓存 appcache

03-15

696

写博客好辛苦,你不关注一下么=~=1.什么是应用程序缓存Application Cache? 我这里用wscshool给出的解释: HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问. 通过创建一个cache manifest文件,我们可以轻松构建一个离线应用.2.优势可配置需要缓存的资源网络无连接应用也可以用本地读取

HTML5的离线储存：储存在 .appcache文件

weixin_41796631的博客

04-15

2207

那什么是AppCache呢？顾名思义，AppCache就是对app内存缓存的方案，具体表现为当请求某个文件时不是从网络获取该文件，而是从本地获取。 AppCache好处应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源 1、使用AppCache机制实现缓存html...

grunt-appcache:用于生成HTML5 AppCache清单的Grunt任务

05-02

从指定的文件列表生成HTML5 AppCache清单的艰巨任务。入门这个插件需要~0.4.1 如果您以前从未使用过，请务必查看《指南》，因为它说明了如何创建以及安装和使用Grunt插件。熟悉该过程后，可以使用以下命令安装...

PyPI 官网下载 | django-html5-appcache-0.2.0.tar.gz

01-10

标题中的"PyPI 官网下载 | django-html5-appcache-0.2.0.tar.gz"指的是Python的包管理器PyPI（Python Package Index）上发布的名为`django-html5-appcache`的软件包的0.2.0版本，该版本被压缩为一个tar.gz文件。...

appcache-webpack-plugin：为Webpack构建生成HTML5应用程序缓存

02-06

var AppCachePlugin = require ( 'appcache-webpack-plugin' ) ; module . exports = { plugins : [ new AppCachePlugin ( { cache : [ 'someOtherAsset.jpg' ] , network : null , // No network access ...

pelican-appcache:鹈鹕HTML5应用程序缓存清单生成器

05-12

鹈鹕HTML5应用程序缓存清单生成器该插件生成清单文件，用于HTML应用程序缓存。包括所有已发布的页面和文章，以及索引页面。其他资源可以在APPCACHE_RESOURCES设置中手动指定。设定值 APPCACHE_MANIGEST_NAME ：...

【HTML5】浅析HTML5应用程序缓存（ApplicationCache）

u011927449的博客

06-26

399

一.为什么需要Web应用程序缓存在移动互联网时代，设备终端位置不再固定，依赖无线信号，网络的可靠性变得降低，比如坐在火车上，过了一个隧道（15分钟），便无法访问网站，这对于web的伤害是很大的HTML5离线缓存就提供了解决这样问题的一个方法，在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。二.浏览器支持情况 Internet E...

H5-AppCache

a19576的专栏

07-24

363

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Using_the_application_cache

HTML5 AppCache机制分析

热门推荐

liqinghua1653的专栏

06-16

1万+

随着移动互联网越来越普及，

HTML5给页面加缓存-应用程序缓存API(“AppCache”)

weixin_41881671的博客

08-31

990

Internet Explorer 10和使用JavaScript的Windows应用程序支持应用程序缓存API（或AppCache），这是HTML5规范中定义的，允许您创建离线web应用程序。AppCache使webpages能够在本地缓存（或保存）资源，包括图像、脚本库、样式表等等。此外，AppCache允许使用标准统一资源标识符（Uniform Resource Identifier，URI...

html5缓存6,Web前端基础篇-HTML5-06-离线缓存AppCache

weixin_35494876的博客

06-19

139

照常上图，欢迎来到老夫课堂tmpdir__17_9_7_15_04_07.jpg温馨提示：文章结构如下，阅读完可能需要花费3分钟一、 AppCache缓存基础知识以及实现原理二、 AppCache缓存使用步骤三、 AppCache缓存优缺点以及使用场景进入正文一、 AppCache缓存基础知识以及实现原理什么是AppCache ？AppCache是应用缓存，可以这用这个功能实现用户离线访问应用，妈...

appcache

dazhi1770的博客

05-23

609

1appcache是一个控制缓存的文件2在同目录下创建appcache文件3#是注释的意思4chchemanifest 跟版本号 #1.0版本号（2）填chche文件需要缓存的文件#需要缓存的文件既可以使用相对路径也可以使用绝对的 /css/a.cssNETWORK:#NETWORKwork 指的是不被缓存的文件*代表除了上面的缓存文件之外剩下的所有的*FALLBACK：...

htm5应用程序缓存appcache

weixin_41002312的博客

02-26

417

h5的应用程序缓存，为应用带来了三大优势：1，可以让用户离线浏览；2，提高加载速度；3，减少服务器负载。这么好的东西，IE对它的支持自然不是很友好，要IE10+才支持。IE9以下对离线缓存的不兼容虽然让人有些遗憾，但这并不妨碍appcache的魅力。下面，让我们看看如何实现离线缓存。直接上代码：html5代码：<!DOCTYPE html> <html lang=...

HTML5 中的离线缓存机制，即应用缓存（Application Cache 或 AppCache）已被废弃并正在被逐步移除