Пролог

Подготовили: Евгений Рыжков и Татьяна Головко Дата публикации: 04.04.2011

Что такое оффлайновое веб приложение? Не первый взгляд, такое словосочетание может показаться противоречивым самому себе. Веб-страница — это то, что загружается из сети и затем отображается. Загрузка из сети подразумевает подключение к сети. Так как же я могу что-то скачать, когда я в оффлайне? Конечно, никак. Но есть возможность, что-то скачать, когда соединение есть. На этом принципе и основаны HTML5 оффлайн приложения.

В самом простом случае, оффлайновое веб приложение — это просто список URL'ей, указывающих на HTML, CSS, Javascript файлы, картинки и другие типы ресурсов, которые могут присутствовать на странице. Главная страница оффлайнового веб приложения — это указатель на этот список, называемый manifest — текстовый файл, который хранится где-то там на сервере. Веб браузер должен прочитать этот список, загрузить, указанные там ресурсы, сохранить их локально и автоматически сохранять их копии во время их изменения. Во время запуска такого веб приложения при отсутствии подключения к сети, браузер автоматически переключится на использование локальной копии.

С этого момента начинается твоя работа как веб разработчика. В DOM имеется флаг, который сообщит, в каком состоянии находится приложение: онлайн или автономном. Есть события, которые сообщат о том, что подключение к сети появилось или наоборот пропало. Но это еще не все. Если приложение создает какие-то данные и хранит их, то при подключении к сети, приложение сохраненные данные синхронизирует с удаленным сервером. Другими словами, HTML5 способен перенести твое веб приложение в оффлайн. Ниже приведена таблица поддержки оффлайн веб приложений современными браузерами:

IE Firefox Safari Chrome Opera iPhone Android
- + + + - + +

Куда дальше

Показать комментарии