Ipad上のIphone専用アプリは、上に白いバーが表示されます

Question

iPhone専用のアプリで、機能的には全く問題ないiphone touchとcordovaを使用しています。私がIpadで実行すると、ステータスバーが通常表示される上部に空白の白い画面が表示されます。それは460pxである適切な高さに調整されますが、上に白いバーがあります。 iPhoneやiPadのシミュレータで実行しても表示されません。実際のIPadデバイスで実行すると、白いバーが表示され、すべてのページに表示されます。どのように私はこの白いバーを取り除くことができますか考えている？私はindex.htmlでもビューポートを設定しようとしましたが、どちらもうまくいきません。

<meta name="viewport" content="initial-scale=1.0"> 

はまた、コルドバconfig.xmlの

<feature name="StatusBar"> 
      <param name="ios-package" value="CDVStatusBar" onload="false" /> 
     </feature> 

を試みたが、役に立たないのでした。

これ以外にも、アプリ全体が問題なく正常に動作します。

Answer 1

2日間多くの苦労した後、私はついに答えを見つけました。私のプロジェクトでコードバーステータスバープラグインを使用していたので、私はindex.htmlを調整してステータスバーをカスタマイズすることができました。 SO-にiPhoneのみのアプリここにあなたのアプリページの上に空白のステータスバーを表示し、同じ問題に直面している人のために、あなたの問題は解決することができ、リンクの：だから私がしなければならなかったすべてをhttp://www.joshmorony.com/take-complete-control-of-the-ios-status-bar-with-phonegap-build/

は、行を追加したStatusBar.backgroundColorByName("black")私のindex.htmlにあります。ステータスバーは黒で表示され、アプリが完全に見える間は背景の黒色と合併します。これが落ちたのは、iPhoneのステータスバーに黒い背景が表示され、私が望んでいなかったので、デバイスの種類を確認するためにif条件を付けなければならないということでした。 [トップにコルドバiOSの白いバー]の

<script src="touch/sencha-touch-all.js"> 
    </script> 
    <!-- The line below must be kept intact for Sencha Command to build your application --> 
    <script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script> 
    <script> 
    document.addEventListener('deviceready', function() { 
     setTimeout(function() { 
      navigator.splashscreen.hide(); 
      //StatusBar.styleDefault(); 
      if(Ext.os.is.Tablet) 
       { 
        StatusBar.backgroundColorByName("black"); 
       } 
      else 
      { 
       StatusBar.styleDefault(); 
      } 

     }, 1000); 
    }); 
    </script>