Для кэширования сайта в автономном режиме (HTML5) вам необходимо указать все файлы, необходимые для его запуска. Вкратце укажите основные компоненты сайта, необходимые.
Простой способ создания манифеста - в Note Pad.
Примечание: 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 и т. Д.
То, что у вас есть файл манифеста, не означает, что он будет загружен. Вам нужно добавить следующее в тег:
<html manifest="~/cache.manifest" type="text/cache-manifest">
Не забывайте, что после добавления он кэшируется при первой загрузке страницы. Поэтому вам нужно зарегистрировать событие кэша в событии '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')
}
}
Загрузите Safari и используйте веб-инспектор для поиска ошибок.
http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/Safari_Developer_Guide/1Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1
Совет. Инструменты разработчика 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
Safari Developer Guide:
https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/Client-SideStorage/Client-SideStorage.html#//apple_ref/doc/uid/TP40002051-CH4-SW4