HTML5 автономное хранилище данных - PullRequest
Новая
       37

HTML5 автономное хранилище данных

3 голосов
/ 15 февраля 2012

Я использую автономное хранилище HTML5

Моя страница Index.html 

<!DOCTYPE html>
<html lang="en" manifest="/offline-cache.manifest">

<head>
    <meta charset="utf-8">
    <title>HTML5 offline code demo</title>  
</head>
<body>
       <div id="content">
        <img src="http://increaserss.com/wp-content/uploads/flickr-rss.jpg" alt="img to be cached" />
       </div>

</body>
</html>

файл offline-cache.manifest 

CACHE MANIFEST
#just want to cache that remote image only
http://increaserss.com/wp-content/uploads/flickr-rss.jpg

Мой htaccess 

RewriteEngine On
AddType text/cache-manifest .manifest

После первой загрузки страницы через Интернет, а затем отключения интернета и попытки доступа к этому index.html, кэширование работает нормально, но опять же, если я нажму клавишу f5, изображение не будет отображаться (есть только альтернативный текст) и когда я щелкаю по строке URL и нажимаю клавишу ввода (как если бы это был новый запрос), он работает нормально ... есть ли способ сохранить кэш для обновления страницы (f5)?

Ответы [ 2 ]

1 голос
/ 15 февраля 2012

Я бы сначала проверил, можете ли вы извлечь ресурсы, которых нет на вашем сервере, а затем их кэшировать?Я думаю, что вы можете стирать грань между кэшированием браузера и кэшированием приложений HTML 5?

Я также хотел бы убедиться, что вы не используете Internet Explorer, поскольку он не поддерживает автономное кэширование.

Манифест Cache также должен содержать версию # после заголовка CACHE MANIFEST (ex. # Версия 1.4), а кэшированные файлы должны находиться в заголовке CACHE :.Например.

CACHE MANIFEST
# version 1.4

CACHE:
images/flickr-rss.jpg

Пожалуйста, дайте нам знать, как вы сделали.

0 голосов
/ 16 февраля 2012

Вы используете полный URL, изображение не на том же сервере? Если это так, это может помешать его кэшированию. Если вы используете Chrome, он сообщает о событиях кэша на консоль.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...