HTML5 локальное хранилище для просмотра в автономном режиме - PullRequest
3 голосов
/ 30 декабря 2011

У меня есть папка, которая содержит HTML-файлы, изображения, таблицы стилей и JS. Я загрузил его на сервер, и когда я открываю его на ipad, весь контент должен храниться на iPad для просмотра в автономном режиме. Как это можно сделать с помощью веб-хранилища / локального хранилища? Я пытался с автономным кешем, но он имеет ограничение 5 МБ

Ответы [ 2 ]

3 голосов
/ 30 декабря 2011

Ваш веб-сервер должен поддерживать это, добавив

AddType text/cache-manifest .manifest

в ваш .htaccess или серверный конфиг.

тогда вам нужен файл манифеста, в котором говорится, что клиент "хранит эти файлы локально". Просто создайте пустой файл, назовите его чем-то вроде «data.manifest» и добавьте:

CACHE MANIFEST

CACHE
index.html
style.css
etc..

В этом файле манифеста можно сделать еще много вещей. Я рассматриваю возможность использования Google или поиска по нему.

По крайней мере, вы должны отредактировать тег <html> для своего файла манифеста на вашем сайте.

<html manifest="/data.manifest" />

Вот и все. Браузер должен спросить вас, следует ли хранить данные локально.

2 голосов
/ 30 декабря 2011

Вы должны разделить свое приложение на две части.Загрузчик и само приложение.

Загрузчик загрузит необходимые файлы один раз и сохранит их в localalstorage / webstorage.После сохранения ваше приложение может быть загружено из локальной копии напрямую.Часть загрузчика будет сохранена с использованием механизма манифеста кэша.

В настоящее время я разрабатываю приложение, которое работает аналогичным образом.

Примечание. Файлы JS и CSS можно сохранять непосредственно в localalstorage, нодля изображений вы должны конвертировать их в base64, а затем использовать их.Следите за ограничениями размера base64.

http://en.wikipedia.org/wiki/Data_URI_scheme

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