Sobes.tech
Назад к вопросам
Middle
76
questionbank

Что такое кэш приложения в HTML5?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

Кэш приложения (Application Cache или AppCache) в HTML5 позволял браузерам кэшировать ресурсы (HTML, CSS, JavaScript, изображения) для офлайн-доступа и повышения производительности.

Принцип работы основан на манифест-файле (manifest="appcache.manifest") с расширением .appcache, который описывает, какие файлы нужно кэшировать.

Пример манифест-файла:

CACHE MANIFEST
# Версия 1.0

CACHE:
/index.html
/css/style.css
/js/script.js

FALLBACK:
/ /offline.html

NETWORK:
*

Разделы манифест-файла:

  • CACHE:: Ресурсы, которые должны быть явно закэшированы.
  • FALLBACK:: Определяет ресурсы-заменители, которые будут использованы, если ресурс недоступен (например, для офлайн-страницы).
    • <онлайн-ресурс> <офлайн-ресурс>
  • NETWORK:: Ресурсы, которые всегда требуют онлайн-доступа (обычно * для всех остальных ресурсов).

Использование:

  1. Создать файл .appcache.
  2. Добавить атрибут manifest к тегу <html>:
    <!DOCTYPE html>
<html manifest="appcache.manifest">
...
</html>
  3. Настроить MIME-тип .appcache на сервере как text/cache-manifest.

Несмотря на свою функциональность, AppCache имеет недостатки, такие как проблемы с обновлением кэша, сложность управления и ошибки. Он устарел и удален из спецификации HTML5, а его функциональность заменяется Service Workers, которые предоставляют более гибкий и мощный механизм для управления кэшированием и офлайн-функциональностью.