Комментарий: Откройте веб -страницу и после загрузки, если сеть внезапно отключена, то страница исчезнет после обновления. Как вы можете предотвратить эту ситуацию? Появление HTML5 заставило нас внезапно просвещено, и мы подробно объясним это для вас дальше.
Откройте веб -страницу, и после загрузки, если сеть внезапно отключена, то страница исчезнет после обновления.Вы когда -нибудь думали, что после обновления страницы вы по -прежнему станете страницей, откройте другую страницу в новом окне, введите один и тот же URL и откройте страницу, если она находится вне сети. Полем Офлайн -приложения HTML5 предоставляют такую функцию.
Когда данные на странице загружаются, вы можете установить некоторые изображения, Flash, CSS, JS, HTML и другие файлы, которые будут кэшированы самостоятельно. Когда в следующий раз данные на странице не будут подключены к Интернету, вы можете использовать эти кэшированные файлы. Это автономное применение HTML5.
На самом деле, это очень просто в реализации.
Требуется сервер. Здесь мы используем сервер Tomcat для объяснения.
Во-первых, настройте тип шахты файла с помощью суффикса .manifest для текста/манификации кэша.
Говоря о конфигурации Tomcat, знакомые друзья, естественно, будут думать о файле web.xml. Да, просто добавьте следующую конфигурацию в файл:
<Mime-Mapping>
<расширение> Manifest </endension>
<Mime-type> Text/Cache-Manifest </mime-type>
</mime-карты>
Затем напишите файл xxx.manifest, XXX - это имя, которое вы выбрали сами. Формат этого файла заключается в следующем:
Кэш Манифест
#version 1.5
Кэш:
Mytest.html
Css/main.css
JavaScript/bwh5ls.js
exp-calif-logo.gif
Требуется первая строка, которая идентифицирует это файл конфигурации для манифеста.
#version 1.5
Это предложение является комментарием и не имеет практического эффекта. Я просто хочу, чтобы браузер обновил файл кэша здесь. Потому что, когда манифест такой же, как и раньше, браузер не будет перезагрузить файл кэша, поэтому мы можем использовать этот комментарий для изменения номера версии, с одной стороны, и позволить браузеру обновить кэш, с другой стороны.
Кэш:
Эта строка указывает, что следующий файл должен быть кэширован. В примере текущая страница: mytest.html, а также некоторые файлы CSS и JS и изображения кэшируются.
Есть несколько ключевых слов, не упомянутых в примерах, то есть
СЕТЬ:
ОТСТУПАТЬ:
Сеть относится к странице, которая не хочет кэшировать; Запасная связь относится к альтернативе, когда запрошенный файл не найден или сервер файла не отвечает. Например, мы хотим запросить вложенную страницу, но сервер этой страницы не может подключиться, поэтому я могу обратиться к другой указанной странице.
Это второй шаг и третий шаг. Просто добавьте манифестную позицию в тег <html>:
<html manifest = name.manifest>
На этом этапе вы можете реализовать простые автономные приложения.
Где размещены эти кэшированные файлы?
Протестированный на Chrome, я обнаружил, что он сохранил эти файлы в кусках в соответствии с его собственным механизмом, поэтому я не смог найти полный файл. Сохраненные данные:
Я не знаю, как его сохранить в C:/users/jasonling/appdata/local/google/chrome/user data/default.
Файлы на Firefox также хранятся в соответствии с их собственным механизмом, но после того, как я открыл их SQLite, я нашел конкретную информацию о кэшированном файле:
Если читатели заинтересованы, они могут попробовать сами, чтобы увидеть, будут ли новые открытия.