Ошибки

Ошибки.

Вероятно, самым важным событием объекта ApplicationCache можно считать событие error. Если в процессе считывания файлов с сервера происходит ошибка, то приложение не кэшируется либо кэш не обновляется. Чрезвычайно важно получать оперативную информацию о таких состояниях, для того чтобы предпринимать соответствующие действия.

Используя HTML-документ из листинга 16.4, мы построим небольшое приложение и посмотрим, как работает событие error.

Листинг 16.5. Проверка ошибок

Function initiate(){

Var cache=window. applicationCache; cache. addEventListener(‘error’, showerror, false);

}

Function showerror(){ alert(‘error’);

}

Window. addEventListener(‘load’, initiate, false);

Атрибут applicationCache объекта window, который мы использовали в коде из листинга 16.5, возвращает объект ApplicationCache для данного документа. После сохранения ссылки на этот объект в переменной cache мы добавляем к объекту прослушиватель события error. При срабатывании события прослушиватель будет вызывать функцию showerror(), а эта функция, в свою очередь, сообщит нам об ошибке.

Файл CSS должен включать в себя стили для элемента <section> нашего документа. Создайте собственные стили или используйте следующие (листинг 16.6).

#databox{

Width: 500px;

Height: 300px;

Margin: 10px;

Padding: 10px;

Border: 1px solid #999999;

}

Создайте HTML-файл с кодом из листинга 16.4, JavaScript-файл под именем cache. js с кодом из листинга 16.5 и файл манифеста с названием mycache. manifest. Как уже говорилось, вам понадобится добавить в файл манифеста полный список файлов, подлежащих кэшированию, поместив их в категорию CACHE. В нашем примере это файл HTML, файл cache. js, а также файл cache. css, содержащий стили для документа. Загрузите эти файлы на свой сервер и откройте HTML-файл в браузере. Если вы сотрете файл манифеста или забудете добавить соответствующий MIME-тип для этого файла в настройки сервера, то сработает событие error. Также для того, чтобы пронаблюдать автономную работу приложения с использованием нового кэша, вы можете разорвать подключение к Интернету или включить настройку Work Offline (Работать автономно) в Firefox.

Сейчас реализация API Offline (Автономная работа) в большинстве браузеров находится на экспериментальной стадии. Мы рекомендуем тестировать примеры из этой главы в браузерах Firefox и Google Chrome. В Firefox есть настройка для деактивации подключения и перехода к автономной работе (выберите вариант Work Offline (Работать автономно) в меню Developer (Разработчик)). Кроме того, Firefox — это единственный браузер, позволяющий стирать кэш, что значительно упрощает его изучение (перейдите в меню Options (Параметры) ►Advanced (Расширенные) ► Network (Сеть) и выберите кэш, который должен быть очищен). В то же время в Google Chrome реализованы почти все доступные события, и он позволяет экспериментировать с любыми возможностями.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *