Statusleiste funktioniert nicht auf Ionic App

Question

Wie Sie hier sehen können:

Aus irgendeinem Grund die Statusleiste nach unten meine festen Header ein paar Pixel „schiebt“. Gibt es eine Möglichkeit, es zu beheben?

Ich kann nicht im Browser debuggen, weil dieses Problem nur auf dem Gerät auftritt.

Ich verwende die Standard-Ionic-App, und das ist, wo ich meine StatusBar bin Einstellung:

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
     if(window.StatusBar){ 
      StatusBar.styleDefault(); 
     } 
    }); 
}) 

Answer 1

Schließen Sie Ihr Handy an den Computer an und öffnen Google Chrome und Sie sehen diese Route chrome: // inspizieren/# Geräte

Dies Ihnen das Telefon

ich hoffe, es hilft Ihnen, debuggen kann.

Leider ist das Problem IOS

http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

es auch für ios 9

Answer 2

Haben Sie versucht, die App auch Einstellung auf Vollbild?

$ionicPlatform.ready(function() { 

    if(window.StatusBar){ 
    StatusBar.styleDefault(); 
    } 

    ionic.Platform.fullScreen(); 

}); 

Answer 3

Ich denke, Sie können dies mit der richtigen Konfiguration in Ihrem config.xml beheben. Für weitere Informationen siehe https://github.com/apache/cordova-plugin-statusbar

<preference name="StatusBarOverlaysWebView" value="true" />