HTML5 по крупицам. Часть 3. Application Cache API - 28 Июля 2010 - Блог U.S.F. - U.S.F.
codingSEO/SMO
internetо блоге
Otherhtml/css
мысли

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 | Карта сайта