HTML5 по крупицам. Часть 3. Application Cache API - 28 Июля 2010 - Блог U.S.F. - U.S.F.
Я в твиттере Архив записей Подписаться на обновления

HTML5 по крупицам. Часть 3. Application Cache API
28.07.10

Всем привет, друзья! Отдыхаю вот, но голову периодически навещают мысли всякие. Вот хочу на платформе blogspot блог открыть. Тематика - ненависть, злоба, обсирание и прочее :D Вобщем буду импровизировать. Да и новые технологии освоить тоже хотелось бы. Вобщем как откроюсь- напишу)

А по теме, то я хочу сегодня продолжить изучение HTML5, и тема- кэш API. Фича эта из ряда не обязательных, но очень полезных. Назначение её в том, чтобы по указанию кэшировать нужные элементы страницы. При этом, если выключится интернет, то эти элементы будут подгружатся с кэша и все отлично заработает, в отличии от типичный веб-приложений, которые перестанут фурычить при обрыве сети. Тоесть вполне возможно закешировать какой-то отдельный функциональный блок страницы и работать с ним оффлайн. В если еще вспомнить про то что у нас имеются КЛИЕНТСКИЕ способы хранения информации(sql database или web storage) то вполне возможно организовать оффлайн приложения/сервисы расположенные в сети.

Как же это работает? Принцип заключается в том, что доступность приложение после отключения сети появляется после указания атрибута HTML элемента. Атрибут принимает URI манифеста, который указыывает на то, какие файлы должны быть скешированы. Манифест имеет  "text/cache-manifest" MIME тип. Тоесть:

Code
<!DOCTYPE HTML><html manifest="manifest.cache">  

А ресурс "manifest.cache" содержит в себе нечто подобное:

Code
CACHE MANIFEST  
index.html
stylesheet.css
images/background.png

NETWORK:
search.php

FALLBACK:
images/dynamic.php static_image.png

Он состоит из 3 секций. Это

  • CACHE - список ресурсов который будут кэшированы
  • NETWORK- насколько я понял со спецификаии, это список ресурсов которые никогда не должны кешироваться и требующие подключения сети.
  • FALLBACK- а это очень интересная штука. тут перечисляются ресурсы, которыми будет заменен другой элемент в случае его недоступности. Тоесть если скрипт "dynamic.php" недоступен, то на его месте будет картинка "static_image.png"

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

Молодой человек советует как боротся с наркоманами. Очень полезно!

ПОЧИТАТЬ ЕЩЕ:
Теги: html5, html/CSS

1. Rusfetische [28.07.10 в 22:31]
Для меня эти все языки программирования останутся темным лесом наверное еще долго! Пока я свою лень не поборю... наверное...

2. usf [28.07.10 в 22:57]
а мне нравится программирование, но знаю я его очень посредственно)

3. анон [29.07.10 в 10:11]
А ведь прав мужик!

4. usf [29.07.10 в 14:47]
справедливость несет

5. Andrew [08.12.10 в 14:09]
При объявление манифеста, прописанные в нем файле кзшируются. Это все гуд, но в друг на сервере обновились данные, манифест не перезаписывает обновленные данные. Скажите как можно сделать так что бы манифест, при наличие новых данных на серваке,самостоятельно обновлялся ?

Имя *:
Email:
Ваш сайт:
Хотите что-то сказать?
Код *:

Хостинг от uCoz