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您需要遵循格式FOLDER / File或FOLDER / FOLDER / FILE ect ….

只因为你有一个清单文件不意味着它会加载.您需要将以下内容添加到标签中：

不要忘记,添加后,第一次加载页面时会被缓存.所以你需要在’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”会显示清单加载中的错误.即您仍然需要添加的文件.

希望这有助于,涵盖整个过程.我假设如果你正在开发的这个阶段,你将新增添加到移动终端中：

$.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