这是我的Android和IOS应用程序的一个问题,我真的不知道如何解释这个,但基本上我已经延迟了12秒的飞溅srceen,之后我得到然后一个白色的屏幕2秒然后应用渲染。正确地说,我已经尝试将启动画面延迟20毫秒,看看应用程序是否只是采取了太慢而不是这样的情况。这是代码
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>
为什么会发生这种情况?以及如何解决这个问题?我有谷歌周围尝试不同的解决方案,但仍然是同样的问题。我感觉它是 iframe ,但我怎样才能使用iframe执行此操作?
答案 0 :(得分:1)
@詹姆斯, 好的。我将为您指出三个为您展示工作的教程。需要注意的是,本教程仅适用于Phonegap Build,这是Adobe / Phonegap提供的基于云的构建服务。这些教程是移动设备友好的。
您可能不需要的第一个教程。它简单地强化了 Phonegap Build 概念。重点是 Phonegap Build 您没有使用 CLI 或 IDE 。
接下来是制作启动画面的演示应用。它包含在Cordova / Phonegap可用的更大的演示/示例批“核心”插件中。
最后一个教程是您正在寻找的教程。这是如何使用* whitelist * system 在phonegap中打开外部网页的示例。 我没有时间为此编写完整的教程,但我认为你可以“搞定”。我忘了我做过教程
关于白名单的最后一点说明。从Cordova Tools 5.0.0开始(2015年4月21日)。对于 Phonegap Build ,这意味着自cli-5.1.1
(2015年6月16日)
最后,你开始发帖说,
基本上我已经延迟了12秒的飞溅srceen 。 (原文如此)
无法检测到1000个一秒中的12个部分。所以,我不确定你的意思。
如果您需要进一步解释,我可以附加到这篇文章。 - 运气最佳。
几乎忘了DEMO