Meta-Tag „Apple-Mobile-Web-App-fähig“ für Android?

StackOverflow https://stackoverflow.com/questions/4617073

Frage

Gibt es eine Möglichkeit, eine Android -Webanwendung wie auf dem iPhone zu erstellen?

Verwenden Sie das Meta-Tag "Apple-Mobile-Web-App-fähige" im Kopfelement einer HTML Bar.

War es hilfreich?

Lösung

Chrome on Android unterstützt jetzt einen Meta-Tag mobile-web-app-capable:

Seit Chrome M31 können Sie Ihre Web-App so einrichten, dass ein Anwendungs-Verknüpfungssymbol dem Homescreen eines Geräts hinzugefügt wird, und die App im Vollbildmodus "App-Modus" mit Chrome für Androids "Hinzufügen zum Homescreen" -Menüelement für Android.

Für Details über die mobile-web-app-capable Meta-Tag, scrollen Sie nach unten zu "Unterstützung von Homescreen-installierten Apps vor M39":

Seit M31 sucht Chrome im Element der Webseite nach dem folgenden Meta-Tag (falls ein Manifest mit angegebener Anzeige vorliegt, ignoriert):

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

Das Namensattribut muss "Mobile-Web-App-fähig" sein und das Inhaltsattribut muss "Ja" sein (Fall in sensitiv). Wenn das Inhaltsattribut einen anderen Wert gibt, wird die Web -App als reguläres Lesezeichen hinzugefügt.

Obwohl ich keine Geräte habe, die Chrome M31 ausführen, mit denen ich testen kann, bedeutet ich dies, dass Vollbild-Web-Apps mit einem Symbol auf dem Homescreen des Geräts bis hin zu Chrome M31 unterstützt werden, vorausgesetzt, Sie verwenden diese mobile-web-app-capable Meta -Tag.

Andere Tipps

Da Chrome31+ Startbildschirm -Web -Apps auch auf Android unterstützt werden. Sehen hier.

Ich glaube es nicht.

Jedoch, Es wäre ziemlich trivial zu erkennen, ob ein Browser ein Android -Gerät ist, und eine Link zu einer Android -Markt -App (oder direkt zum APK) anzuzeigen

Als Android hat es ein WebView-Widget, es ist ziemlich trivial, eine App zu schreiben, die eine dedizierte Website lädt oder irgendwie Offline-Inhalte einhüllt (entweder im ersten Start oder im Ordner Assets versendet).

Verwenden Sie JQuery, Sie können sehen, ob die Höhe des Inhalts größer ist als die Ansichtsfensterhöhe. Wenn nicht, können Sie es so groß machen.

$(document).ready(function() { 
  if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled   
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
      nViewH -= 250; 
      $('BODY').css('height',nViewH + 'px'); 
    } 
    window.scrollTo(0,1); 
  } 

});

Kredit an Meagar: Entfernen der Adressleiste aus dem Browser (um Android anzusehen)

Sie können Abkürzungen zu Lesezeichen (= jede Webseite) auf dem Homescreen erstellen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top