Оффлайновые веб приложения

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

Читать статические веб страницы очень просто: подключился к Интернет, загрузил нужные страницы, отключился от Сети, поехал в уединенное место и спокойно отдыхаешь, перечитывая скачанные материалы. А как на счет использования веб-приложений, таких как Gmail или Google Doc, в оффлайн? Благодаря HTML5 теперь все, а не только Google, способны создать приложения, способные работать автономно.

Работа оффлайнового приложения начинается с посещения сайта онлайн. Во время первого посещения сайта, веб сервер сообщит браузеру какие файлы ему нужно сохранить для автономной работы. Это могут быть HTML, Javascript, изображения и даже видео. Как только браузер загрузит все необходимые данные, у тебя появляется возможность работать с сайтом даже при отключенном Интернет. Браузер будет работать с загруженными ранее файлами. Когда ты снова подключишься к Сети, браузер отправит все сделанные тобой изменения на удаленный сервер.

Поддержка работы оффлайн проверяется приемом №1, описанным ранее. Если браузер поддерживает автономную работу веб приложения, у глобального объекта window будет доступно свойство applicationCache, в обратном случае оно будет не определено:

function supports_offline() {
return !!window.applicationCache;
}

Modernizr:

if (Modernizr.applicationcache) {
// window.applicationCache доступно!
} else {
// встроенная поддержка offline отсутствует :(
// наверное, придется использовать Gears или другое решение от сторонних разработчиков
}

Снова обращаю внимание на регистр букв: в Modernizr applicationcache (все в нижнем регистре), в DOM — window.applicationCache (смешанный регистр).

Куда дальше