2017-06-07 1 views
0

Ich versuche, eine Cordova App mit einem komplett schwarzen Hintergrund zu machen. Ich habe fast den ganzen Weg, aber ich kann einfach nicht herausfinden, was zwei dünne graue Balken oben und unten auf dem Bildschirm verursacht. Nachdem das LaunchImage angezeigt wird, wird ein kurzer grauer Hintergrund angezeigt und anschließend wird die Webansicht eingeblendet. Aber es ist 4 Pixel 'kürzer' (2 oben und 2 unten). Ich kann nicht herausfinden, woher das kommt.Dünne graue Linien oben und unten von IOS App

Ich habe das cordova-plugin-webviewcolor Plugin hinzugefügt und das auf schwarz gesetzt. Ich kann sehen, dass das funktioniert, weil bei Rotation und bei Overscroll das "aufgedeckte" Backround tatsächlich schwarz ist (oder jede andere Farbe, die ich mit diesem Plugin eingestellt habe). Aber ich sehe immer noch die 2 grauen Linien zwischen meiner App und dem "Hintergrund".

Hier ist ein Screenshot - Ich habe den tatsächlichen Screenshot auf eine etwas größere rote Leinwand überlagert, so dass Sie das Grau leichter sehen können. Auf dem Telefon gibt es keinen roten Rahmen, nur die dünnen Linien oben und unten auf dem Bildschirm. Irgendwelche Hinweise, woher das kommt, und wenn es möglich ist, zu entfernen?

enter image description here

+0

Können Sie einfach den Web Inspector von Safari für CSS Details verwenden? – filipvkovic

+0

Nicht sicher, dass ich folge. Dies ist eine native iOS-App, die über Cordova entwickelt wurde. Auf dem Web-Build sieht es absolut gut aus ... – dsl101

+0

Sie können das Laufzeit-Debugging immer noch mit der integrierten Entwicklerkonsole von Safari durchführen. http://geeklearning.io/apache-cordova-and-remote-debugging-on-ios/ – filipvkovic

Antwort

0

Danke für die Hinweise auf das Debuggen @filipvkovic. Es stellte sich heraus, dass es sich um ein leeres 'header' und 'footer' div handelte, das ich in das Webframework (VueJS und Quasar) einfügte. Sie sind auf Desktop-Browsern unsichtbar, erscheinen aber aus irgendeinem Grund, wenn sie in eine App integriert werden. Also, recoded das Layout um sie zu vermeiden, und alles ist gut.

Verwandte Themen