Wie bekomme ich den Vollbildmodus mit einer mobilen Safari Web App auf IOS 8 Iphone 4S

Question

Ich bin sehr neu in der mobilen Entwicklung, also bitte klopfen Sie mich nicht zu viel für Anfänger Fragen.

Ich glaube, ich habe die richtigen Meta-Tags.

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Von Äpfeln Website sagte, verwenden Sie die unten-Tag, um im Vollbildmodus zu laufen, aber es scheint nicht zu funktionieren.

<!-- Allow web app to be run in full-screen mode. --> 
<meta name="apple-mobile-web-app-capable" 
     content="yes"> 

Breite und Höhe sind für Iphone 4S auf IOS 8 gesetzt

width: 320px; 
    height: 480px 

ich den vollständigen Code schreiben kann, wenn sie es ist sehr einfach 1 Seitenlayout-Header mit zwei Tasten helfen, die Inhalte nur Text und eine Fußzeile mit nav Icons

das Problem, wie ich es sehe, ist, dass es nicht Vollbild ist und aus diesem Grund die IOS-Navigationsleiste am unteren Rand abschneidet meine Fußzeile, die ein icon-Menü hat

Answer 1

Ich habe herausgefunden, dass die Metatags korrekt sind. Sie müssen lediglich eine Verknüpfung auf dem Startbildschirm erstellen, indem Sie in Safari auf die Pfeilschaltfläche in der unteren Leiste klicken und zum Startbildschirm hinzufügen auswählen. Dann starten Sie Ihre App und Presto Bars sind weg. Wenn Sie nur sagen 192 .../yourapp funktioniert nicht, müssen Sie eine Verknüpfung auf dem Homescreen hinzufügen, um Bars zu entfernen