Как заставить страницу быть резидентной (если у меня нет сервера?) - PullRequest
4 голосов
/ 20 января 2011

Мобильные веб-приложения становятся следующей большой вещью. Я разработал небольшую веб-страницу с характеристиками, удобными для мобильных устройств. Она отлично работает как на Android, так и на i-Phone. См. Здесь: http://dl.dropbox.com/u/4303088/gadgetdraftoknewdatac.html Это чистый JS.. Он получает данные из таблиц Google.

Я могу добавить его в закладки на своем телефоне Android и, предположительно, на i-Phone, и, поскольку он довольно маленький, он довольно отзывчив, но я не могу запретить страницеперезагрузки.Я прочитал, что мне нужно будет внести изменения в веб-сервер, чтобы установить срок действия страницы (через заголовки?).В данный момент я работаю с серверами, которые не имеют такого уровня контроля.Эта копия подается из Dropbox, например ..

Есть ли способ сделать этот акт более похожим на "Установленное" приложение, использующее прямой HTML / CSS / JS ???

Ответы [ 2 ]

1 голос
/ 20 января 2011

У меня есть два варианта для вас, и на оба интересно посмотреть.

Вы можете посмотреть онлайн-презентацию с веб-сайта HTML5ROCKS , чтобы получить краткую справку и демонстрацию многих функций HTML5 / CSS3 / JavaScript. Например, на слайдах вы увидите некоторые функции, такие как новые элементы формы HTML5, WebSQL, WebSockets и Canvas.

Единственная проблема заключается в том, что многие из этих функций еще не доступны во многих браузерах. Пройдите тест HTML5 и убедитесь сами!

Я оставляю лучшую часть напоследок, потому что вы могли бы использовать очень инновационный способ создания кроссплатформенных приложений (настольных / мобильных) на основе веб-технологий.

Посмотрите Titanium Mobile из appcelerator , поскольку вы можете создавать приложения для iOS (iPhone / iPod Touch / iPad) и Android OS с помощью веб-технологий, таких как HTML5, CSS3 JavaScript, PHP, Ruby и Python. Это очень просто в использовании! Вы создаете страницу с вашими любимыми веб-технологиями, а Titanium Desktop / Mobile создает с ее помощью приложение. Самое приятное, что это бесплатно!

Веселись! :)

0 голосов
/ 31 января 2011

Казалось бы, это то, что я искал .. Попробую в ближайшее время!http://html5doctor.com/go-offline-with-application-cache/ Ответом является использование файла манифеста:

Файл манифеста Имя файла указывается в html

<!DOCTYPE html>
<html lang="en" manifest="/offline.manifest">
  // your html document
</html>

примере файла манифеста.Затем создайте файл с именем offline.manifest. <<<< отметьте то же имя, что и в вашем html, что-то вроде: * </p>

# This is a comment
CACHE:
/css/screen.css
/css/offline.css
/js/screen.js
/img/logo.png

http://example.com/css/styles.css

И это все!Похоже, решение работает на современных мобильных устройствах, что значительно сокращает время DL после первого посещения.

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