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