HTML5 Кэш приложений
Используйте HTML5, путем создания кэш-файла манифеста, вы можете легко создавать автономные версии веб-приложений.
Что такое кэш приложений (Application Cache)?
HTML5 вводит кэша приложений, а это означает, что веб-приложения могут быть в кэше, и могут быть доступны без подключения к Интернету.
Применение кэша приложений приносит три преимущества:
- Автономный просмотр - пользователи могут использовать их в автономном режиме приложения
- Скорость - кэшировать ресурсы загружаются быстрее
- Снижение нагрузки на сервер - браузер будет загружать только измененные или обновленные ресурсы с сервера.
Поддержка браузеров
Internet Explorer 10, Firefox, Chrome, Safari и Opera поддерживает кэш приложений.
Примеры HTML5 Cache Manifest
Следующий пример показывает HTML-документ с манифеста кэша (для просмотра в автономном режиме):
примеров
<html manifest="demo .appcache ">
<body>
文档内容......
</body>
</html>
Попробуйте »
Кэш Manifest основа
Чтобы включить кэш приложений, ярлык содержит манифест атрибут в документе <HTML>:
<html manifest="demo .appcache ">
...
</html>
Каждый проявит определенную страницу при доступе пользователей к их кэшируются. Если манифест атрибут не указан, то страница не будет храниться в кэше (если прямо не указать страницу в файле манифеста).
Похожие манифест расширение файла: ". AppCache".
Обратите внимание, что файлы манифеста необходимо настроить правильный MIME-тип, а именно "текст / кэш-манифест". Вы должны быть настроены на веб-сервере.
файл манифеста
Файл манифеста представляет собой простой текстовый файл, который говорит содержимое браузера кэша (и не кэширует содержимое).
файлы манифеста можно разделить на три части:
- CACHE MANIFEST - в заголовке этого документа будет кэшируются после первой загрузки
- СЕТЬ - В этом названии следующие документы необходимо подключиться к серверу, а не кэшируются
- FALLBACK - В этом списке под заголовком документы отката страниц (например , страница 404) , когда страница недоступна
CACHE MANIFEST
Первая линия, CACHE MANIFEST, требуется:
/theme.css
/logo.gif
/main.js
Выше файл манифеста перечислены три ресурса: CSS-файлом, GIF изображений и файлов JavaScript. Когда манифест загружен файл, браузер будет загружать три файла из корневого каталога вашего сайта. Затем, когда пользователь отключается от Интернета, эти ресурсы все еще доступны.
СЕТЬ
Следующие положения файла подразделы СЕТЬ "login.php" никогда не кэшируются и доступны в автономном режиме недоступен:
login.php
Вы можете использовать звездочку, чтобы указать все остальные другие ресурсы / файлы требуют подключения к Интернету:
*
FALLBACK
Разделы ПОДМЕНЫ определенные ниже Если вы не можете установить соединение с Интернетом, с "offline.html" альтернативной / html5 / каталог всех файлов:
/html/ /offline.html
Примечание: Первый URI это ресурс, второй является заменой.
Cache Update
После того как приложение в кэше, то он останется в кэше, пока не произойдет следующее:
- Пользователи Очистите кэш браузера
- Файл манифеста изменяется (см советы ниже)
- По программе для обновления кэша приложений
Пример - законченным файлом манифеста
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.php
FALLBACK:
/html/ /offline.html
Совет: "#" в начале строки комментария, но и для удовлетворения других целей.приложение Кэширование будет обновляться при изменении файла манифеста. При редактировании изображения или изменить функцию JavaScript, эти изменения не будут повторно кэшируются. Обновление строка комментария является дата и номер версии браузера для повторного кэширования файлов подход.
О инструкции кэша приложений
Пожалуйста, обратите внимание на содержимое кэша.
После того, как файлы кэшируются, браузер продолжит отображать кэшированную версию, даже если вы будете редактировать файл на сервере. Для того, чтобы убедиться, что ваш браузер для обновления кэша, вам необходимо обновить файл манифеста.
Примечание: Ограничение мощности браузера для кэшированных данных не могут быть одинаковыми (некоторые настройки ограничений браузера является то , что каждый сайт 5MB).