Задержка заставки и рендеринга приложения (iframe)

Это проблема как для моего приложения для Android, так и для IOS, я действительно не знаю, как это объяснить, но в основном я задерживаю splash srceen на 12 миллисекунд, после этого я получаю затем белый экран около 2 секунд, после чего приложение отображает. Правильно, я попытался отложить заставку за 20 миллисекунд, чтобы увидеть, не слишком ли медленное приложение, но это не так. Это кодЗадержка заставки и рендеринга приложения (iframe)

config.xml

<preference name="AutoHideSplashScreen" value="false"/> 
    <preference name="ShowSplashScreenSpinner" value="false"/> 
    <preference name="FadeSplashScreen" value="true" /> 
    <preference name="SplashScreenDelay" value="12000" /> 
    <preference name="FadeSplashScreenDuration" value="1.0" />

** index.html **

<html> 
<head> 
<title>Example App</title> 
<meta charset="utf-8"> 
<link href="css/index.css" rel="stylesheet" type="text/css"> 
</head> 


<script src="cordova.js" type="text/javascript" ></script> 
<script src="js/main.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 

// Wait for device API libraries to load 
// 
document.addEventListener("deviceready", onDeviceReady, false); 

// Global InAppBrowser reference 
var iabRef = null; 


function onDeviceReady() { 
iabRef = window.open('https://www.example.com/app', '_self', 'location=no,toolbar=no'); 

iabRef.addEventListener('loadstop', function() { 
    navigator.splashscreen.hide(); 
}); 

document.addEventListener("backbutton", function (e) { 
e.preventDefault(); 
}, false); 
} 
</script> 
<body> 
<iframe src="https://www.example.com/app" style="width:100%; height:100%;"> 
</body> 
</html>

Любые идеи, почему это происходит? и как это решить? У меня есть google вокруг и попробуйте разные решения, но по-прежнему та же проблема. У меня есть его iframe, но как я могу это сделать, используя iframe?

источник

2016-02-27 James

Знаете ли вы, что и [Google и Apple, хмуриться на приложения] (https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/new-to- Phonegap.md # 005a), которые являются обертками веб-сайта? – JesseMonroy650

@ JesseMonroy650 ** «Предоставьте веб-просмотр веб-сайта, который не принадлежит вам или не управляется вами (если только у вас нет разрешения владельца/администратора веб-сайта)» **, если вы внимательно прочитаете, вы увидите, что он «не принадлежит» i не владею «example.com», но у меня есть соответствующий сайт – James

Okay @James. Моя цель в этом заключается в том, чтобы сохранить разработчикам страдание рабочих недель и месяцев на разработку приложения - только для того, чтобы его выбросить. Хотите ли вы учебник (с источником) по этому предмету (ваша проблема)? – JesseMonroy650

@James, Хорошо. Я собираюсь указать вам на три учебника, которые показывают работу для вас. Одно из предостережений, этот учебник предназначен только для Phonegap Build, облачной службы построения от Adobe/Phonegap. Учебники являются мобильными устройствами.

Первый учебник, который вам может не понадобиться. Это просто укрепляет Phonegap Build концепция. Дело в том, что Phonegap Build вы не используете CLI или IDE.

An HTML Boilerplate for Phonegap

Далее это демо-приложение, чтобы сделать ваш SplashScreen. Он включен как более крупная демонстрационная/примерная партия «основных» плагинов, доступных для Cordova/Phonegap.

Ten (10) Phonegap Demo Apps with Source Code

Последний учебник, который вы ищете. Это пример , как открыть внешнюю веб-страницу в телефонной запинке с помощью системы * whitelist *. ~~У меня не было времени написать полный учебник для этого, но я думаю, что вы можете «получить его».~~ Я забыл, что я делал обучающую программу

Одно последнее замечание на белом списке. Требуется от Cordova Tools 5.0.0 (21 апреля 2015 г.). Для PhoneGap Построить, это означает, что с тех пор cli-5.1.1 (16 июня 2015)

Наконец, вы начали свой пост, говоря,

в основном я задержать всплеск Srceen на 12 секунд мельница.(sic)

Невозможно обнаружить 12 частей из 1000 частей секунды. Итак, я не уверен, что вы подразумеваете под этим.

Если вам нужны дополнительные разъяснения по этому вопросу, я могу добавить этот пост. -Удачи.

почти забыла DEMO

источник

2016-02-27 12:23:15 JesseMonroy650

спасибо. Я попытался скрыть отображение iframe на ** DeviceReady ** и по-прежнему не повезло, но, похоже, удалил эти строки, показанные на изображении, в моем вопросе выше, хотя белый экран по-прежнему отображается после экрана заставки, это не повлияет на интерфейс пользователя если пользователь не является просто болью ** – James

@ Записывает ваши проблемы в том, что я не совсем понимаю, какие оставшиеся проблемы вы пытаетесь решить. Не могли бы вы переместиться в [Google Group of Cordova/Phonegap] (https://groups.google.com/forum/#!forum/phonegap). Там также больше помощи. – JesseMonroy650

Исходная проблема заключалась в том, что заставка не была достаточно длинной, но после того, как вы попробовали решения, которые вы указали выше, ее все равно было недостаточно, потому что независимо от того, как долго был заставкой, после ее исчезновения я все еще вижу белый экран около 5 перед тем, как InAppBroswer завершит загрузку webapp. Я редактировал вопрос с помощью нового index.html, который я пробовал. В основном логика, к которой я пытаюсь идти, для которой не работает, заключается в том, чтобы скрыть только заставку, когда браузер Inapp завершил использование функции ** loadstop **. – James

Задержка заставки и рендеринга приложения (iframe)

ответ

Смежные вопросы