Главная/ Учимся Javascript, CSS, HTML/ Уроки HTML/ Up And Running/ Detecting Html5 Features/ Оффлайновые веб приложения. HTML5. Up and Running. Марк Пилгрим

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

Дата публикации: 09.03.2011

Читать статические веб страницы очень просто: подключился к Интернет, загрузил нужные страницы, отключился от Сети, поехал в уединенное место и спокойно отдыхаешь, перечитывая скачанные материалы. А как на счет использования веб-приложений, таких как 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 (смешанный регистр).

Куда дальше

Теги: , , ,