2015-12-02 36 views
3

Heyy應用程序建立與科爾多瓦/ PhoneGap的停留黑屏飛濺後,第一次加載安裝

我建立與科爾多瓦/ PhoneGap的應用程序一個也使用CHCP插件在它之後。當我安裝後第一次打開它時,應用程序會在啓動畫面後卡在黑屏上。 當我關閉應用程序並重新啓動時,它可以正常工作,但啓動時延遲了9-10秒,我已將啓動屏幕的時間延長到10秒以避免黑屏。

希望得到快速響應,並提供解決方案的確切步驟。

請讓我知道你是否需要任何其他細節。

以下是config.xml中

<?xml version="1.0" encoding="UTF-8"?> 
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.storehippo.profitdeals" versionCode="103" version="1.0.3"> 
    <name>Test</name> 
    <description>CHCP splash Test</description> 
    <author email="[email protected]" href="http://cordova.io">Akshay Tiwari</author> 
    <content src="index.html"/> 
    <access origin="*"/> 
    <gap:config-file platform="ios" parent="CFBundleShortVersionString"> 
     <string>103</string> 

    </gap:config-file> 
<chcp> 
      <config-file url="http://s3.amazonaws.com/mystore.in/s/55d178025c64d45531612809/ms.mobile_app_themes/560bd8ec31fec3dd1dd66fb7/chcp.json"/> 
    </chcp> 
    <gap:platform name="android"/> 
    <gap:platform name="ios"/> 
    <preference name="permissions" value="none"/> 
    <preference name="orientation" value="default"/> 
    <preference name="android-windowSoftInputMode" value="adjustResize"/> 
    <preference name="fullscreen" value="false"/> 
    <preference name="webviewbounce" value="true"/> 
    <preference name="android-minSdkVersion" value="14"/> 
    <preference name="KeepRunning" value="false"/> 
    <preference name="LoadUrlTimeoutValue" value="10000"/> 
    <preference name="android-installLocation" value="auto"/> 
    <preference name="AutoHideSplashScreen" value="false"/> 
    <preference name="SplashScreenDelay" value="10000"/> 
    <preference name="DisallowOverscroll" value="true"/> 
    <preference name="StatusBarOverlaysWebView" value="false"/> 
    <preference name="StatusBarBackgroundColor" value="#000000"/> 
    <preference name="StatusBarStyle" value="lightcontent"/> 
    <preference name="phonegap-version" value="3.7.0" /> 
    <icon src="nocon.png"/> 
    <icon src="icons/ios/reader-57-1.png" gap:platform="ios" width="57" height="57"/> 
    <icon src="icons/ios/reader-72-1.png" gap:platform="ios" width="72" height="72"/> 
    <icon src="icons/ios/reader-76-1.png" gap:platform="ios" width="76" height="76"/> 
    <icon src="icons/ios/reader-114-1.png" gap:platform="ios" width="114" height="114"/> 
    <icon src="icons/ios/reader-120-1.png" gap:platform="ios" width="120" height="120"/> 
    <icon src="icons/ios/reader-144-1.png" gap:platform="ios" width="144" height="144"/> 
    <icon src="icons/ios/reader-152-1.png" gap:platform="ios" width="152" height="152"/> 
    <icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi"/> 
    <icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi"/> 
    <icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi"/> 
    <icon src="icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi"/> 
    <gap:splash src="splash.png"/> 
    <gap:splash src="splash/ios/Default.png" gap:platform="ios" width="1024" height="768"/> 
    <gap:splash src="splash/ios/Default-Portrait.png" gap:platform="ios" width="768" height="1024"/> 
    <gap:splash src="splash/ios/[email protected]" gap:platform="ios" width="2048" height="1536"/> 
    <gap:splash src="splash/ios/[email protected]" gap:platform="ios" width="640" height="960"/> 
    <gap:splash src="splash/ios/[email protected]" gap:platform="ios" width="640" height="1136"/> 
    <gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi"/> 
    <gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi"/> 
    <gap:plugin name="cordova-hot-code-push-plugin" source="npm" version="1.0.4"/> 
    <gap:plugin name="cordova-plugin-device" source="npm" version="1.1.0" /> 
    <gap:plugin name="cordova-plugin-dialogs" source="npm" version="1.2.0" /> 
    <gap:plugin name="cordova-plugin-inappbrowser" source="npm" version="1.1.0" /> 
    <gap:plugin name="cordova-plugin-network-information" source="npm" version="1.1.0" /> 
    <gap:plugin name="cordova-plugin-push-notification" source="npm" version="2.5.2" /> 
    <gap:plugin name="cordova-plugin-splashscreen" source="npm" version="3.0.0" /> 
    <gap:plugin name="cordova-plugin-statusbar" source="npm" version="2.0.0" /> 
    <gap:plugin name="cordova-plugin-whitelist" source="npm" version="1.0.0" /> 
    <gap:plugin name="cordova-plugin-x-toast" source="npm" version="2.2.2" /> 
    <gap:plugin name="cordova.plugins.diagnostic" source="npm" version="2.2.4" /> 
</widget> 
+0

一些代碼將是有益的 –

回答

2

當你說陷入一個黑色的屏幕上你的意思是它真的卡住,您必須強制關閉應用程序或者它只是顯示一個黑色的屏幕,然後應用程序加載之後?

安裝後第一次加載時出現問題,其中黑屏通常(可能總是)會在第一次安裝應用程序後顯示一秒或2秒的啓動畫面,之後會按預期加載,但不會被適當的參數卡住(只顯示幾秒鐘提到的黑屏)。隨後重新打開的應用程序不會給這樣的問題(剛剛發生在初始安裝)...我仍然在尋找解決這個問題,儘管它不是主要的。

我看到您使用的版本是<gap:plugin name="cordova-plugin-splashscreen" source="npm" version="3.0.0" /> 我在更新版本的插件中遇到了問題,此處有人建議使用舊版本並將其清除。也許你可以試試 <gap:plugin name="org.apache.cordova.splashscreen" version="2.0.0" source="npm" /> ...你也在使用<preference name="AutoHideSplashScreen" value="false"/>這意味着你需要手動隱藏啓動畫面。對於之前的CDN

<script>document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { setTimeout(function() { navigator.splashscreen.hide(); }, 2000); }<script>

https://github.com/apache/cordova-plugin-splashscreen

上的index.html jQuery Mobile的使用,我不知道你是用什麼樣的編碼平臺,但是那是後話也考慮。你也可以嘗試使用<preference name="AutoHideSplashScreen" value="true"/>

2

我有同樣的問題,你還沒有弄清楚它是什麼,但在splashscreen.hide後屏幕是黑色的,是一個人行橫道兼容性錯誤和電源線的閃屏。多少錢必須用它來使它工作,但這不是最好的方法。

document.addEventListener("deviceready", onDeviceReady, false); 

// device APIs are available 
function onDeviceReady() { 
    navigator.splashscreen.show(); 
    if (navigator.splashscreen) { 
    setTimeout(function() { 
     document.getElementById("fixblack").innerHTML += '&nbsp;'; 
     navigator.splashscreen.hide(); 
    }, 1000); 
    } 
} 
<div id="fixblack"></div> 
+0

希望您能給瞭解 – Sirlan

+0

感謝您的答案 - 你是什麼意思的「電源線的閃屏」? – mxro

相關問題