Веб-сайт HTML5 с автономными возможностями
Мы создаем веб-сайт HTML5 со встроенным устройством для чтения электронных книг. Одна из основных функций веб-сайта заключается в том, что пользователь должен иметь возможность доступа к книгам, которые были загружены, когда он / она не подключен к Интернету. Эта функция должна быть доступна на всех планшетах, Chrombooks и настольных ПК.
Мои вопросы:
- Есть ли способ для пользователя, чтобы иметь возможность читать книги, даже если Интернет не существует? Я понимаю, что есть поддержка локального хранилища, но что произойдет, если пользователь закроет вкладку, пока он / она не в сети?
- Есть ли какие-либо локальные ограничения хранения? Мы будем полагаться на то, что пользователь сможет хранить книги, и многие из них (может превышать 3-400 МБ)? Можем ли мы принудительно хранить эти данные без очистки? Как, например, хранить его где-нибудь, кроме временной папки?
Основной вопрос заключается в том, как мне выполнить холодную загрузку веб-сайта с автономного компьютера сразу после запуска браузера, если у меня есть все локальные данные, доступные в локальном хранилище с последнего сеанса.
1 ответ
Вы можете иметь автономную версию своего сайта, используя возможности HTML5, такие как кэш приложения (appcache). Здесь у вас есть хорошая отправная точка.
Кроме того, локальное хранилище очень ограничено для вашей цели, в зависимости от каждого браузера, здесь вы можете найти информацию о квоте для каждого из них.
Если вы сосредоточены на браузерах webkit, таких как Safari или Chrome, вы можете использовать API-интерфейс FileSystem, который позволяет хранить файлы на устройстве. В этой статье у вас есть лучший подход к теме.