Существуют ли какие-либо браузерные приложения, которые могут копировать веб-приложение на iPad и просматривать их во встроенном браузере, таком как телефонный разрыв

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

Поэтому мне интересно, есть ли какие-нибудь браузерные приложения, которые могут копировать все файлы веб-приложения в папку документов iPad и просматривать их во встроенном браузере, например в телефонной пробке? Я знаю, что могу добавить веб-приложение на домашний экран и взаимодействовать с ним, как стандартные приложения, но я хочу, чтобы оно работало в автономном режиме, поскольку веб-приложение имеет 2 ГБ и не требует подключения к Интернету.

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

Источник

2 ответа

Если вы хотите, чтобы ваше приложение находилось в автономном режиме, у вас есть два варианта:

  • вы делаете джейлбрейк телефона, на котором хотите развернуть приложение;
  • вы платите Apple за сертификат разработчика, который позволит вам выполнить развертывание на собственном устройстве, и отправляете через AppStore для развертывания на другие пользовательские устройства.

Кроме того, если ваши веб-страницы статичны, вы можете использовать iBook Author, чтобы упаковать их в электронную книгу и загрузить на свое устройство с помощью iTunes. Это, вероятно, не будет хорошо работать с данными объемом 2 ГБ.

Источник

Да, вы можете сделать это с метатегом apple-mobile-web-app-capable и с кешем приложений HTML5. Как вы обнаружили, вы можете добавить приложение на главный экран. С помощью этой техники приложение также будет работать в автономном режиме и на весь экран.

Добавьте это в ваш HTML <head>:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

Настройте кеш:

добавлять manifest="cache.manifest" в <html>, cache.manifest это имя файла, который вы будете использовать для определения того, что кэшировать. Это можно назвать как угодно, но я на самом деле называю мое cache.manifest,

<html lang="en" manifest="cache.manifest">

Затем убедитесь, что ваш веб-сервер имеет тип MIME для .manifest установлен в:

текст / кэш-манифест

Затем создайте файл с именем cache.manifest, поместите его в корень вашего приложения. Под CACHE раздел, поместите файлы, которые вы хотите кэшировать (в вашем случае, все файлы). Вы также можете использовать * означать "все файлы".

Каждый раз, когда вы нажимаете релиз, меняйте номер версии в манифесте кеша. Любые изменения в файле будут работать, но номер версии - идеальный механизм для этого.

CACHE MANIFEST
#ver 1.0.0

CACHE:
app.html
app.css
app.js

Затем поместите это в верхней части вашего сценария внутри вашего onload или эквивалент.

function updateVersion( event ) {

    window.applicationCache.removeEventListener( 'updateready', updateVersion, false );

    if ( window.applicationCache.status == window.applicationCache.UPDATEREADY ) {
        //perhaps notify user here
        window.applicationCache.swapCache();
        window.location.reload();
    };

};

if ( window.applicationCache ) { 
    window.applicationCache.addEventListener( 'updateready', updateVersion, false ); 
};
Источник
Другие вопросы по тегам