html缓存失败是什么,HTML5离线“应用程序缓存错误事件:清单读取失败(-1)”...
缓存一个网站离线(HTML5),你需要指定需要它来运行所有文件。简而言之,指定所需的站点主要组件。
创建清单的简单方法是在记事本中。
注:CACHE MANIFEST需要在第一线,你的文件将如下一行空格后跟随:
CACHE MANIFEST
Scripts/script.js
Content/Site.css
Scripts/jquery-ui-1.8.20.min.js
Scripts/modernizr-2.5.3.js
SESOL.png
Scripts/jquery.formatCurrency-1.4.0.min.js
http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css
http://code.jquery.com/jquery-1.8.2.min.js
http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js
Content/themes/images/icons-18-white.png
Controllers/AccountController
Controllers/HomeController
Models/AccountModels
Account/Login
Home/CheckOut
注2:删除每行后的所有空间。 注意:3您需要遵循文件夹/文件或文件夹/文件夹/文件等的确切格式....
仅仅因为您有清单文件并不意味着它会加载。您需要添加以下的标签:
不要忘记,你添加此之后,它的缓存第一次加载页面。所以你需要在'mobileinit'事件中注册一个缓存事件。
$(document).on("mobileinit", function() {
//register event to cache site for offline use
cache = window.applicationCache;
cache.addEventListener('updateready', cacheUpdatereadyListener, false);
cache.addEventListener('error', cacheErrorListener, false);
function cacheUpdatereadyListener(){
window.applicationCache.update();
window.applicationCache.swapCache();
}
function cacheErrorListener() {
alert('site not availble offline')
}
}
提示:Chrome的开发人员工具“F12”会显示清单加载中的错误。即你仍然需要添加的文件。
希望这有助于涵盖整个过程。我假设,如果你在这个阶段的发展您是初次接触这些内容添加到移动INIT:
$.mobile.allowCrossDomainPages = true; // cross domain page loading
$.mobile.phonegapNavigationEnabled = true; //Android enabled mobile
$.mobile.page.prototype.options.domCache = true; //page caching prefech rendering
$.support.touchOverflow = true; //Android enhanced scrolling
$.mobile.touchOverflowEnabled = true; // enhanced scrolling transition availible in iOS 5
html缓存失败是什么,HTML5离线“应用程序缓存错误事件:清单读取失败(-1)”...相关推荐
- html5 客户端数据缓存机制,深入理解HTML5离线缓存机制
TML5提供了一种离线应用缓存机制,使得网页应用可以离线使用,这种机制在移动端浏览器上支持度非常广,所有版本的android和ios浏览器都能很好的支持.我们可以放心的使用该特性来加速移动端页面的访问 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十七) —— HTML5 离线缓存
本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
- 再议HTML5离线浏览
作者简介:Malcolm Sherida是Microsoft在ASP.NET方面的awarded MVP,精通ASP和Telerik,经常在澳大利亚和新西兰的会议以及用户组中做报告.作为一个长期使用A ...
- HTML5离线浏览再进一步
导读:Malcolm Sherida是Microsoft在ASP.NET方面的awarded MVP,精通ASP和Telerik,经常在澳大利亚和新西兰的会议以及用户组中做报告.作为一个长期使用ASP ...
- android h5 离线缓存,H5 应用程序缓存(离线缓存)
离线缓存这个功能的实现有以下步骤: 1,以nginx做web服务器为例,在mime.types文件中添加一行:text/cache-manifest manifest,作用是为了让服务器识别该 ...
- HTML5离线web应用程序
web应用程序的主要制约之一就是连接性.在HTML5到来之前我们就曾想挖掘浏览器的能力,以使web应用程序能像桌面应用程序一样功能强大和易于使用,但浏览器始终让我们感到失望.虽然之前已出现了一些浏览器 ...
- w3c html5 客户端缓存数据格式,Html5应用程序缓存(Cache manifest)
一.作用 离线浏览 - 根据文件规则把资源缓存在本地,脱机依然能够访问资源,联网会直接使用缓存在本地的文件.优化加载速度,节约服务器资源. 二.适用场景 正如 manifest 英译的名字:离线应用程 ...
- 服务器直接ip登录显示令牌错误,事件ID 18456:用户域\计算机名登录失败。 原因: 基于令牌的服务器访问验证失败,出现基础结构异常...
事件ID 18456:用户登录失败. 原因: 基于令牌的服务器访问验证失败,出现基础结构错误 事件类型:审核失败 事件来源:MSSQLSERVER 事件种类:登录 事件 ID:18456 日期:201 ...
- 神奇的HTML5离线存储(应用程序缓存)
声明:本文为原创文章,如需转载,请注明来源并保留原文链接前端小尚,谢谢! 前言 使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. HTML5引入 ...
- html开启页面离线缓存,HTML5 离线缓存
离线缓存 applicationCache 第一次加载后将数据缓存,如果没有清除缓存,下一次没有网络也能加载. 使用 1. 使用 manifest 属性,引入 .appcache 文件 每个指定了 m ...
最新文章
- 技术不够时间来凑,梦圆国一永不放弃
- 影响solr性能的一些因素(附使用经验)
- OpenGL 高级数据Advanced Data
- 关于银联在线支付和短彩信接口的开发——总结
- linux家用系统版本,查看linux系统版本
- 加速国内 Github 访问,下载,的9种方案!
- 利用 Python 写个七夕表白神器
- 网络口协商_以太网端口协商原理
- java 蓝桥杯算法训练 求1加到x的和(number)
- 吴恩达教授机器学习课程学习【一】- 线性回归(1)
- 学生选课系统代码--分析2需求分析
- python中的统计模型库——statsmodels
- Wikidata知识图谱介绍与数据处理
- USB 调试工具(python2.7 + Tkinter + pyusb/pywinusb)
- co作为前缀的意思_卡西欧G-SHOCK型号解析大全 看懂前缀的字母 省的被忽悠
- HFSS 3D LAOUT PCB 裁剪,差分线,过孔仿真和优化
- 对于整数取反(取负NEG)运算的理解
- 从零开始:Python学习成长路线
- schema 对象的简单介绍
- 不过是从头再来(下)