2012-10-04 3 views
6

Ich versuche, dieVerwenden der Apple-Meta-Tag für Vollbild-Web-App

<meta name="apple-mobile-web-app-capable" content="yes"> 

Tag zu verwenden iOS Safari zu erhalten, eine Seite ohne den Browser Sachen zu zeigen; zumindest, das ist, was ich denke es soll für mich tun. (Die Apple documentation geht nicht ins Detail.)

Bis jetzt kann ich es nicht tun, etwas zu tun. Here is a JSBin example. Mit oder ohne den Tag <meta> erscheint die Seite sowohl auf einem iPod Touch als auch auf einem iPad 2 mit dem Browser-Kram oben (und unten auf dem kleinen Bildschirm).

Gibt es noch etwas, das passieren muss, um den Browser zu beeinflussen? Oder sind meine Erwartungen, wie es funktionieren sollte, nur falsch? (Beachten Sie, dass ich über weinre das Flag "windows.navigator.standalone" überprüft habe, und es scheint false zu sein.)

Antwort

5

Das macht nur das, was Sie wollen, wenn der Benutzer einen Link zu Ihrer App hinzufügt Startbildschirm.

Ein gängiger Ansatz für den In-Browser-Fall besteht darin, einen Anruf an window.scroll(0,1) anzufügen, der den Browser-Inhalt vom oberen Bildschirmrand abruft. (Es gibt keine Möglichkeit, den Boden Sachen zu löschen.)

Auch Sie könnte ein Tag, das Sie wollen nicht sagen wollen Skalierung:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, maximum-scale=1, minimum-scale=1" /> 
+0

Ah! Nun, es wäre nett für Apple gewesen, diesen interessanten Leckerbissen in der Dokumentation erwähnt zu haben. Vielen Dank! (Und ja, ich habe auch das Viewport-Tag.) – Pointy

+1

Dieses Projekt ist eine nette Möglichkeit, den Benutzer dazu zu bringen, das Add-Ding zu machen: http://cubiq.org/add-to-home-screen –

+1

nur nicht die Dokumentation, die Sie sich angesehen haben :) http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html –

3

Was das Meta-Tag zu tun ist, wenn Sie Ihre Seite zu sehen in Der Browser fügt eine Option zum Hinzufügen Ihrer Seite zum Startbildschirm hinzu. Wenn Sie Ihre Seite über die Homescreen-Verknüpfung öffnen, wird sie im Vollbildmodus angezeigt und navigator.standalone wird auf "true" gesetzt. Darauf beziehen sich Leute, wenn sie vom Vollbildmodus sprechen.

Verwandte Themen