JavaScript. Подробное руководство, 6-е издание, стр. 341

CACHE MANIFEST

<b># МуАрр версия 1 (изменяйте этот номер, чтобы заставить броузеры повторно</b>

# загрузить следующие файлы)

MyApp.html

МуАрр.js

Аналогично, если потребуется, чтобы веб-приложение удалило себя из кэша приложений, следует удалить файл объявления на сервере, чтобы на запрос этого файла возвращался бы НТТР-ответ 404 «Not Found», и изменить HTML-файл или файлы, удалив из них ссылки на файл объявления.

Обратите внимание, что броузеры проверяют файл объявления и обновляют кэш асинхронно, после (или во время) загрузки копии приложения из кэша. Для простых веб-приложений это означает, что после обновления файла объявления пользователь должен дважды загрузить приложение, чтобы получить обновленную версию: в первый раз будет загружена старая версия из кэша, после чего произойдет обновление файлов в кэше, а во второй раз из кэша будет загружена новая версия.

В ходе обновления кэша броузер запускает множество событий, что дает возможность зарегистрировать их обработчики и извещать пользователя. Например:

applicationCache.onupdateready = function() {

<b>  var reload = confirm(&quot;Доступна новая версия приложения, которая\n” +</b>

<b>                     &quot;будет использована при следующем запуске.\n&quot; +</b>

<b>                     &quot;Хотите ли перезапустить ее сейчас?&quot;);</b>

 if (reload) location.reload();

}

Обратите внимание, что этот обработчик событий регистрируется в объекте

ApplicationCache

, на который ссылается свойство

applicationCache

объекта

Window

. Броузеры, поддерживающие кэш приложений, определяют это свойство. Помимо события «updateready», показанного выше, существует еще семь различных событий, имеющих отношение к кэшу приложений. В примере 20.4 демонстрируются простые обработчики, которые выводят сообщения, информирующие пользователя о ходе обновления кэша и о его текущем состоянии.

Пример 20.4. Обработка событий кэша приложений

<b>// Эту функцию используют все обработчики событий, реализованные ниже, и выводят </b>

<b>// с ее помощью сообщения, информирующие о состоянии кэша приложений.</b>

<b>// Поскольку все обработчики отображают сообщения таким способом, они </b>

<b>// возвращают false, чтобы отменить дальнейшее распространение события </b>

// и предотвратить вывод сообщений самим броузером, 

function status(msg) {

 // Вывести сообщение в элементе документа с id="statusline"

 document.getElementById("statusline").innerHTML = msg;

 console.log(msg); // А также в консоли для отладки

}

<b>// Каждый раз, когда приложение загружается, броузер проверяет файл объявления. </b>

<b>// В начале этого процесса первым всегда генерируется событие &quot;checking&quot;, </b>

window.applicationCache.onchecking = function() {

 status("Проверка наличия новой версии.");

 return false;

};

<b>// Если файл объявления не изменился и приложение уже имеется в кэше, </b>

<b>// генерируется событие &quot;noupdate&quot; и процедура проверки заканчивается, </b>

window.applicationCache.onnoupdate = function() {

 status("Версия приложения не изменилась.")

 return false;

};

<b>// Если приложение отсутствует в кэше или если изменился файл объявления,</b>

<b>// броузер загрузит и поместит в кэш все, что перечислено в файле объявления. </b>

<b>// Событие &quot;downloading&quot; свидетельствует о начале этой процедуры загрузки, </b>

window.applicationCache.ondownloading = function() {

 status("Загружается новая версия");

 window.progresscount = 0; // Используется в обработчике "progress" ниже

 return false;

};

<b>// В ходе загрузки периодически генерируются события &quot;progress”,</b>

// обычно после загрузки каждого файла.

window.applicationCache.onprogress = function(e) {

<b>  // Объект события должен соответствовать событию &quot;progress&quot; (подобному тому, </b>

<b>  // что используется XHR2), что позволяет вычислять процент выполнения,</b>

 // но на всякий случай мы заведем счетчик количества вызовов,

 var progress = "";

<b>  if (е &amp;&amp; е.lengthComputable) // Событие &quot;progress&quot;: вычислить процент</b>

 progress = " " + Math.round(100*e.loaded/e.total) + "%”

 else // Иначе сообщить кол-во вызовов