Это не так просто, как включение в одну ссылку.Как минимум, вам нужен файл манифеста.Этот файл сообщает вашему приложению, какие файлы следует кэшировать.Вы можете прочитать больше об этом здесь .Вот пример содержимого файлов манифеста:
Содержимое манифеста
CACHE MANIFEST
/clock.css
/clock.js
/clock-face.jpg
Вы также можете прочитать это довольно хорошее руководство по приложениям манифеста / офлайн, здесь .
После того, как у вас есть файл манифеста, вы можете использовать следующий код для проверки вашего манифеста, а также того, что кэшируется, кэшируется и т. д.
Код отладки:
var cacheStatusValues = [];
cacheStatusValues[0] = 'uncached';
cacheStatusValues[1] = 'idle';
cacheStatusValues[2] = 'checking';
cacheStatusValues[3] = 'downloading';
cacheStatusValues[4] = 'updateready';
cacheStatusValues[5] = 'obsolete';
// Listeners for all possible events
var cache = window.applicationCache;
cache.addEventListener('cached', logEvent, false);
cache.addEventListener('checking', logEvent, false);
cache.addEventListener('downloading', logEvent, false);
cache.addEventListener('error', logEvent, false);
cache.addEventListener('noupdate', logEvent, false);
cache.addEventListener('obsolete', logEvent, false);
cache.addEventListener('progress', logEvent, false);
cache.addEventListener('updateready', logEvent, false);
// Log every event to the console
function logEvent(e) {
var online, status, type, message;
online = (navigator.onLine) ? 'yes' : 'no';
status = cacheStatusValues[cache.status];
type = e.type;
message = 'online: ' + online;
message+= ', event: ' + type;
message+= ', status: ' + status;
if (type == 'error' && navigator.onLine) {
message+= ' (prolly a syntax error in manifest)';
}
console.log(message);
}
// Swap in newly downloaded files when update is ready
window.applicationCache.addEventListener(
'updateready',
function(){
window.applicationCache.swapCache();
console.log('swap cache has been called');
},
false
);
Надеюсь, это поможет.