0 Replies Latest reply on Jul 27, 2017 7:41 AM by pierreg40358521

    iOS Apps don't start but show a white screen

    pierreg40358521

      Hello,

      I am currently developing an application for Android and iOS with PhoneGap and ExtJS.

       

      The application for android works correctly.

       

      The application for iOS it does not work.

      It displays the splashscreen and then displays a blank screen without any errors in the weinre console. The white screen never disappears.

       

      The application works correctly from the iPhone browser.

       

      I spent the day browsing the forums to find a solution but nothing works ...

       

      Thanks for reading.

       

      PhoneGap Build ID : 2705255

       

      Config.xml :

       

      <?xml version='1.0' encoding='utf-8'?>
      <widget id="fr.lst.lstapptest" version="65.153.74" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
          <name>LstApp</name>
          <description>
             LabelSoft Technologies
          </description>
          <author email="dev@cordova.apache.org" href="http://labelsoft-technologies.com/">
      LabelSoft Technologies
          </author>
          <content src="index.html" />
          <allow-intent href="http://*/*" />
          <allow-intent href="https://*/*" />
          <allow-intent href="tel:*" />
          <allow-intent href="sms:*" />
          <allow-intent href="mailto:*" />
          <allow-intent href="geo:*" />
          <allow-intent href="market:*" />
          <allow-intent href="camera:*" />
          <access origin="*" />
          <allow-intent href="*" />
          <allow-navigation href="*" />
      <platform name="android">  
      <allow-intent href="market:*"/>  
      </platform>  
      <platform name="ios">  
      <allow-intent href="*"/>  
      <allow-intent href="itms-apps:*"/>  
      </platform>
      <preference name="orientation" value="portrait" />
      <preference name="exit-on-suspend" value="false" />
      <plugin name="cordova-plugin-battery-status"/>
      <plugin name="cordova-plugin-camera"/>
      <plugin name="cordova-plugin-device"/>
      <plugin name="cordova-plugin-device-motion"/>
      <plugin name="cordova-plugin-device-orientation"/>
      <plugin name="cordova-plugin-geolocation"/>
      <plugin name="cordova-plugin-inappbrowser"/>
      <plugin name="cordova-plugin-network-information"/>
      <plugin name="cordova-plugin-statusbar"/>
      <plugin name="cordova-plugin-whitelist"/>
      <icon src="icon.png" />
      
      
      <icon gap:platform="ios" height="60" width="60" src="res/icons/ios/icon-60.png" />
      <icon gap:platform="ios" height="120" width="120" src="res/icons/ios/icon-60-2x.png" />
      <icon gap:platform="ios" height="180" width="180" src="res/icons/ios/icon-60-3x.png" />
      <icon gap:platform="ios" height="76" width="76" src="res/icons/ios/icon-76.png" />
      <icon gap:platform="ios" height="152" width="152" src="res/icons/ios/icon-76-2x.png" />
      <icon gap:platform="ios" height="40" width="40" src="res/icons/ios/icon-40.png" />
      <icon gap:platform="ios" height="80" width="80" src="res/icons/ios/icon-40-2x.png" />
      <icon gap:platform="ios" height="57" width="57" src="res/icons/ios/icon-57.png" />
      <icon gap:platform="ios" height="114" width="114" src="res/icons/ios/icon-57-2x.png" />
      <icon gap:platform="ios" height="72" width="72" src="res/icons/ios/icon-72.png" />
      <icon gap:platform="ios" height="144" width="144" src="res/icons/ios/icon-72-2x.png" />
      <icon gap:platform="ios" height="29" width="29" src="res/icons/ios/icon-small.png" />
      <icon gap:platform="ios" height="58" width="58" src="res/icons/ios/icon-small-2x.png" />
      <icon gap:platform="ios" height="50" width="50" src="res/icons/ios/icon-50.png" />
      <icon gap:platform="ios" height="100" width="100" src="res/icons/ios/icon-50-2x.png" />
      
      
      <icon gap:platform="android" gap:qualifier="ldpi" src="res/icons/android/icon-36-ldpi.png" />
      <icon gap:platform="android" gap:qualifier="mdpi" src="res/icons/android/icon-48-mdpi.png" />
      <icon gap:platform="android" gap:qualifier="hdpi" src="res/icons/android/icon-72-hdpi.png" />
      <icon gap:platform="android" gap:qualifier="xhdpi" src="res/icons/android/icon-96-xhdpi.png" />
      <icon gap:platform="android" gap:qualifier="xxhdpi" src="res/icons/android/icon-144-xxhdpi.png" />
      <icon gap:platform="android" gap:qualifier="xxxhdpi" src="res/icons/android/icon-192-xxxhdpi.png" />
      </widget>
      

       

      Index.html :

      <!DOCTYPE HTML>
      <html>
      <head>
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta http-equiv="Content-Security-Policy">
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
      
      
          <!-- JQuery scripts -->
          <script type="text/javascript" src="resources/js/jquery.min.js"></script>
          <script type="text/javascript" src="resources/js/jquerymobile.min.js"></script>
          
          <!-- Other scripts -->
          <script type="text/javascript" src="resources/js/cropper.js"></script>
          <link href="resources/css/cropper.css" rel="stylesheet" type="text/css"/>
          <script src="resources/js/draw.js" type="text/javascript"></script>
      
      
          <!-- Leaflet files -->
          <link href="resources/css/leaflet.css" rel="stylesheet" type="text/css"/>
          <script src="resources/js/leaflet.js" type="text/javascript"></script>
          
          <!-- Phonegap script -->
          <script type="text/javascript" src="cordova.js"></script>
          
          <title>LstApp</title>