Оффлайн доступ становится все более важным для веб-приложений. Хотя у всех браузеров есть механизмы кэширования, они не являются надежными и не всегда играют ожидаемую роль. HTML5 использует интерфейс ApplicationCache для решения некоторых проблем, вызванных автономным использованием.
Ниже приводится соответствующий контент, объясняющий приложение и код практические случаи манифестных файлов кэша HTML5. В учебном пособии статьи в основном рассказывается о некоторых технологиях и знаниях, связанных с манифестом офлайн -кэша HTML5. Для получения дополнительного контента, вы можете посетить http://www.vevb.com, чтобы получить больше последних учебных пособий. Ниже приведено объяснение учебника:
Что является манифестом? Manifest - это файл с Minifest именем суффикса. Он определяет файлы, которые необходимо кэшировать в файле. Браузер, который поддерживает манифест, сохранит файл локально в соответствии с правилами манифеста, так что на странице можно получить доступ без сетевых ссылок.
Оффлайн доступ становится все более важным для веб-приложений. Хотя у всех браузеров есть механизмы кэширования, они не являются надежными и не всегда играют ожидаемую роль. HTML5 использует интерфейс ApplicationCache для решения некоторых проблем, вызванных автономным использованием.
Использование интерфейса кэша может принести следующие три преимущества в вашем приложении:
Оффлайн просмотр - Пользователи могут просматривать ваш полный сайт в автономном режиме
Скорость- кэшированный ресурс является локальным ресурсом, поэтому он загружается быстрее.
Загрузка сервера меньше - браузер загружает только ресурсы с изменения изменившегося сервера.
Кэш приложений (также известный как AppCache) позволяет разработчикам указать, к каким файлам браузер должен кэшировать для автономных пользователей. Ваше приложение будет загружаться и работать нормально, даже если пользователь нажимает кнопку обновления при автономном режиме.
Справочный манифестный файлЧтобы включить кэширование приложения для приложения, добавьте атрибут Manifest в HTML -тег документа:
Свойство Manifest может указывать на абсолютный URL или относительный путь, но абсолютный URL должен быть таким же, как соответствующее сетевое приложение. Манифестный файл может использовать любое расширение файла, но должен быть предоставлен правильный тип MIME (см. Ниже).
<html manifest =/cache.manifest> ... </html> или <html manifest = http: //www.example.com/example.mf> ... </html>
Вы должны добавить свойство Manifest на каждой странице веб -приложения, которое вы хотите кэшировать. Если страница не содержит атрибута Manifest, браузер не будет кэшировать страницу (если только она не указана в файле Manifest).
Это означает, что каждая веб -страница, которую пользователь просматривает с манифестом, будет неявно добавлена в кэш приложения. Поэтому вам не нужно перечислять каждую страницу в списке.
Манифестный файл должен быть предоставлен в типе Text/Cache-Mame Mime. Имя суффикса файла может быть настроено (рекомендовано как .manifest), поэтому нам нужно объявить тип файла суффикса .manifest как текст/манифест кэша на сервере.
Принимая Apache в качестве примера, нам нужно добавить: AddType text/cache-manifest .manifest
Простой формат списка заключается в следующем:
Cache manifestindex.htmlstylesheet.cssimages/logo.pngscripts/main.js
Этот пример кэширует четыре файла на веб -странице, которые определяют этот манифест.
Следующие моменты, на которые вам нужно обратить внимание:
Строка манифеста кэша должна быть на первой строке и имеет важное значение.
Количество кэшированных данных на веб -сайте не должно превышать 5 МБ. Однако, если вы пишете приложение для Chrome Web Store, вы можете использовать UnlimitedStorage для неограниченного количества ограничений.
Если файл манифеста или ресурс, указанный в нем, не может быть загружен, весь процесс обновления кэша не может быть выполнен. В этом случае браузер будет продолжать использовать исходный кэш приложений.
Давайте посмотрим на более сложные примеры:
Кэш Манифест# 2010-06-18: V2# Явно кэшированный 'Master ntistics'.cache: /favicon.icoindex.htmlstylesheet.cssimages/logo.pngscripts/main.js# Ресурсы, которые требуют от пользователя. static.html будет обслуживаться, если main.py недоступен# offline.jpg будет обслуживаться вместо всех изображений в изображениях/lagry/# offline.html будет подаваться вместо всех остальных .html filesfallback: /main.py /static.htmlimages/large/ images/offline.jpg*
Линии, начиная с #, являются линиями комментариев, но могут использоваться и для других целей. Например, обновите кэш
Кэш приложений обновляется только в том случае, если его манифест изменяется. Например, если вы изменяете ресурс изображения или измените функцию JavaScript, эти изменения не переоборудованы. Вы должны изменить сам файл манифеста, чтобы браузер обновил кэшированный файл. Создайте строки комментариев с помощью сгенерированных номеров версий, значений хэша файла или временных метров, чтобы убедиться, что пользователи получают последнюю версию вашего программного обеспечения.
Вы также можете программно обновлять кэш после появления новой версии, как описано в разделе «Обновление кэша».
Если страница вводит файл манифеста кэша, файл манифеста должен содержать все файлы (CSS, JS, Image ...), требуемые на текущей странице, в противном случае он не будет загружен. Поэтому, если вы удалите фиксированные файлы, которые необходимо кэшировать, рекомендуется добавить звездочку* в элемент сети в файле, чтобы указать все другие файлы.
Список может включать три разные части: кэш, сеть и запасная сторона.
Кэш:Это по умолчанию часть записи. Файлы, перечисленные под этим заголовком, явно кэшируются в первый раз (или файлы сразу после манифеста кэша).
СЕТЬ:Файлы, перечисленные в этом разделе, представляют собой белые ресурсы, которые необходимо подключить к серверу. Все запросы на эти ресурсы обходят кэш независимо от того, является ли пользователь офлайн или нет. Подстановочные знаки могут быть использованы.
ОТСТУПАТЬ:Этот раздел необязательно и используется для указания запасной страницы, когда ресурс недоступен. Первый URI представляет ресурс, а второй представляет веб -страницу резервного копирования.
Конец. Учебник был закончен здесь. Вы что -то получили от чтения? Этот сайт также предоставляет контент HTML5 в автономном манифесте, связанный с манифестом, добро пожаловать, чтобы продолжить чтение.