Создайте автономное приложение html для android и ios (как минимум)

Question

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

Я провел некоторое исследование, но я не мог найти ничего, что конкретно объясняет, как делать то, что мне нужно. Я начинаю думать, что это просто невозможно ...

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

• он должен работать как на Android и IOS, не изменяются (оба необходимых записи в web.xml я догадываюсь, или какое-либо решение)

• он должен создавать интерактивный значок, так что он может быть запущен как собственное приложение (не ссылка или кнопка в браузере, например быстрый набор Opera).

• Возможно, краткий пример кода. Я просто думаю что-то, что я могу использовать в качестве отправной точки. Предупреждающего сообщения при нажатии на кнопку было бы достаточно ...

• Я стараюсь держаться подальше от любых фреймворков как можно больше, как личное предпочтение, но я готов дать вам один ход, если это единственное решение ,

Спасибо.

Answer 1

Вот некоторые ресурсы, которые вы можете получить начала:

HTML5 Поддержка App Caching, и она работает, по крайней мере на прошивкой, и я думаю, что более современные андроид телефонов, а также. http://www.html5rocks.com/en/tutorials/appcache/beginner/

На iOS есть, по крайней мере, специальные метатеги, которые вы можете использовать в своем html, чтобы сделать страницу безопасной для запуска экрана.

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Таким образом, вы можете посмотреть, как лучше всего использовать те.

Эти вещи должны указывать на вас в правильном направлении, но имейте в виду, что все, что хранится для автономного использования, должно быть небольшим и эффективным, поскольку обычно существует ограничение на количество данных, которые могут храниться в автономном режиме. Кроме того, некоторые браузеры требуют, чтобы пользователь предоставлял разрешение до того, как любые данные могут быть сохранены, но диалог запроса иногда запугивает. (например, «Эта веб-страница хочет сохранить данные на вашем компьютере без вашего ведома, не хотите ли вы это сделать?»)