web app不比PC，有性能和流量方面的考虑，离线应用越来越重要，虽然浏览器有缓存机制，但是时常不靠谱，更何况普通情况下html文件是没法缓存的，断网之后一切over。 什么是manifest? 简单来说manifest能让你的应用在无网的情况下也能访问。 它有三大优势： 1、离线浏览，无网情况下也能正常访问； 2、更快的加载速度，缓存在本地访问速度自然更快； 3、减轻服务请求压力，文件缓存后不需要再次请求，只需要请求需要更新的文件。 如...
简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。 使用缓存接口可为您的应用带来以下三个优势： 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源，因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。 应用缓存（又称 ...
打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。 有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。 在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。 其实它实现起来很简单。 ...
前面已经总结了主要的API扩展，下面几个扩展只有在专用的场合才会发挥最大的作用，这里简单了解一下。下面这些特性无一例外，IE均不支持。应用缓存和服务端消息在其他的主流浏览器中都是支持的。桌面通知目前只有Chrome支持。 应用缓存 很多时候，我们需要缓存一些不经常改变的页面来提高访问速度；而且对于某些应用，我们也希望在离线的情况下也可以使用。在HTML5中，你可以通过一个称之为“应用缓存”的技术很方便的实...
如果想使用该api，必须保证服务器端配置相应的mime类型。 拿tomcat为例，在打开Tomcat 6.0\conf\web.xml文件，在文件的最后面添加如下内容 代码如下: <mime-mapping> manifest <mime-type>text/cache-manifest</mime-type> </mime-mapping> 尤其注意，extension的value是manifest，所以以后配置缓存文件的后缀必须跟他一样。 使用缓存是必须如下格式 代码如下: ... cache.mainfest是在服务器端配置的文件 格式如下 代码如下: ...
我们在使用offline cache的时候，有时候可能会更新资源，如js，css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源，当在次访问的时候 他使用的还是旧版本的资源，如何才能让用户及时的更新缓存资源呢？ 更新缓存资源主要有两种方法，通过修改配置文件的版本号或者调用js完成更新 js更新方法 代码如下: if (window.applicationCache.status == window.applicationCache.UPDATEREADY) { window.applicationCache.up...
使用Application Cache缓存了页面及静态资源，发现用ajax请求数据，或者加载未缓存的资源时，无法加载，报错如下： CAUTION:Provisional headers are shown， 解决方法： manifest.appcache配置文件中NETWORK:需要配置*， CACHE MANIFEST # 2015-02-21 v1.0.2 /test.html NETWORK: * 星号来指示所有为缓存的其他文件都需要因特网连接
一、离线缓存的起因。 HTML5之前的网页，都是无连接，必须联网才能访问，这其实也是web的特色，这其实对于PC是时代问题并不大，但到了移动互联网时代，设备终端位置不再固定，依赖无线信号，网络的可靠性变得降低，比如坐在火车上，过了一个隧道（15分钟），便无法访问网站，十分不便。而离线web应用允许我们在脱机时与网站进行交互。二、什么是离线Web应程序？为什么要开发离线的Web应用程序？离线web应用程序是指：当客户端本...
这篇文章主要介绍了页面的缓存与不缓存设置及html页面中meta的作用的相关资料,需要的朋友可以参考下HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息，包括浏览器端，中间缓存服务器端(如：squid等)，Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，last-Modif...
这篇文章主要介绍了HTML页面自动清理js、css文件的缓存（自动添加版本号）,小编觉得挺不错的，现在分享给大家HTML源码，也给大家做个参考。对HTML感兴趣的小伙伴们一起跟随小编过来看看吧 在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人...
1、用两张背景重叠制作圆角DIV 让ID为bg的做个背景，背景向右对齐，向左延伸。 然后让ID为bg_left的浮动在左边，宽度BG的。 bg_left的背景就是左边的圆角向右延伸，但宽度小于bg，bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。 2、用图片制作DIV圆角4个方向 先把一个DIV分为 上中下 3个部分 3个宽度都一样。 上面做3个DIV 左边用一个...
ASP生成静态列表页，怎样清除缓存或禁用缓存，因为列表页增加或减少，需要刷新才能显示出来，这样用户体验不好，在头部信息中增加，好像不起作用，求方法 回复讨论(解决方案) 使用ajax技术吧，可以异步刷新。也就是说不需要用户刷新，就可以把内容跳出来 现在禁用了缓存，每个页面打开的时候都要从网上下载，打开页面比较慢，因为我的网站用了很多图片，本打算用静态页提高浏览速度，现在反倒慢了很多，有没有什么两全其美...
HTTP 想必大家都知道不允许浏览器缓存信息可以用以下的代码设置 页面上： 服务端代码： httpResponse.setHeader("Cache-Control", "no-store"); httpResponse.setDateHeader("Expires", 0); httpResponse.setHeader("Pragma", "no-cache"); 这里的缓存信息指的是哪些内容？因为静态文件，如CSS，js，图片文件本来就是希望浏览器做缓存的 如果不做以上设置会有什么影响？ 谢谢！ 回复讨论(解决方案...
对于html，会根据last modified同服务器端的文件比较，然后决定是否使用本地缓存，所以如果html更改了，客户端会立刻更新。但是js如果修改了，有时客户端并不会更新，难道js不是根据last modified判断的吗？ 更新后必须在js的路径后加个变化参数（如v=11）才能使客户端更新。 回复讨论(解决方案) 不一样的。 文档本身是根据Last-Modified作为依据，检索Cache目录。 有些东西Last-Modified解决不了，比如一些文件会...
如果不在网页里明确指定，浏览器默认会进行缓存吧。一般的网页要使用缓存吗？如果发布后需要修改一个js，是不是要修改js的名字，否则的话岂不是因为缓存的问题客户端得不到最新修改后的js？ 回复讨论(解决方案) 引用外部JS文件时加个参数可以解决，文件修改后改一下这个参数值。比如 src="abc.js?v=123"