Javascript für "Zum Startbildschirm hinzufügen" auf dem iPhone?

110

Ist es möglich, Javascript zu verwenden, um die Option Zum Startbildschirm hinzufügen im Lesezeichenmenü von Mobile Safari zu emulieren?

Etwas Ähnliches wie IE's window.external.AddFavorite(location.href, document.title);möglicherweise?

Kerrick
quelle

Antworten:

56

Die einzige Möglichkeit, Lesezeichen in MobileSafari hinzuzufügen (einschließlich der auf dem Startbildschirm), ist die integrierte Benutzeroberfläche, die Apples ohnehin nicht über Skripte auf einer Seite bereitstellt. Tatsächlich bin ich mir ziemlich sicher, dass es auch auf der Desktop-Version von Safari keinen Mechanismus dafür gibt.

Louis Gerbarg
quelle
4
Danke, ich hatte keine Angst. Ich habe mich entschlossen, dies zu überprüfen window.navigator.standaloneund sie zu drängen, es hinzuzufügen, wenn es in Mobile Safari ausgeführt wird.
Kerrick
18
@ David Nicht für Web-Apps. Es sind nicht viele Benutzer, die wissen, dass sie Lesezeichen auf dem Startbildschirm setzen können. IMHO wäre es schön mit einem Link / Button, der den Dialog mit einer hilfreichen Nachricht auslöst.
Gregers
13
@ David Es bettelt nicht. Web-Apps unter iOS können als native Apps im Vollbildmodus ausgeführt werden, wenn sie dem Startbildschirm hinzugefügt werden. Sogar der Offline-Modus ist möglich, daher wäre es cool, wenn wir Javascript verwenden könnten, um es dem Startbildschirm hinzuzufügen (mit dem richtigen Dialog von corse).
Ákos Nikházy
3
@the_nakos und deshalb wird es nie eine einfache Möglichkeit geben, "zum Startbildschirm hinzuzufügen", da dies eine Alternative zum erstaunlichen Apple App Store mit einer erstaunlichen Kaufabwicklung und erstaunlichen In-App-Käufen darstellen würde. Es ist nicht das einzige, was sie getan haben, um dies zu verhindern. In der Vergangenheit wurden Webapps im Vollbildmodus durch die Verwendung nur der alten JavaScript-Engine verkrüppelt, als die mobile Safari bereits viel schneller lief. 9to5mac.com/2014/06/03/…
Pawel
63

Bis Safari Service Worker implementiert und die von Chrome und Firefox festgelegten Anweisungen befolgt, gibt es keine Möglichkeit, Ihre App programmgesteuert zum Startbildschirm hinzuzufügen oder den Benutzer vom Browser dazu aufzufordern

Es gibt jedoch eine kleine Bibliothek, die den Benutzer dazu auffordert und sogar auf die richtige Stelle zeigt. Arbeitet ein Vergnügen.

https://github.com/cubiq/add-to-homescreen

Craig
quelle
1
Leider ist dies die beste derzeit verfügbare Lösung.
Hitautodestruct
Die Bibliothek [link ... / add-to0homescreen] funktioniert, der letzte Aufruf ist jedoch addToHomescreen ({}). In Klammern muss eine geschweifte Klammer stehen, die anzeigt, dass Sie keine Parameter übergeben.
RigidBody
8

Es gibt eine Open-Source-Javascript-Bibliothek, die etwas Ähnliches bietet: Mobile-Bookmark-Bubble

Die Mobile Bookmark Bubble ist eine JavaScript-Bibliothek, die am unteren Rand Ihrer mobilen Webanwendung eine Werbeblase hinzufügt, mit der Benutzer aufgefordert werden, die App auf dem Startbildschirm ihres Geräts mit einem Lesezeichen zu versehen. Die Bibliothek verwendet den lokalen HTML5-Speicher, um zu verfolgen, ob die Promo bereits angezeigt wurde, um zu vermeiden, dass Benutzer ständig nerven.

Die aktuelle Implementierung dieser Bibliothek zielt speziell auf Mobile Safari ab, den Webbrowser, der auf iPhone- und iPad-Geräten verwendet wird.

Philippe Laval
quelle
2
Gibt es etwas Ähnliches für Android (oder, wage ich zu sagen, Blackberry)?
SnowboardBruin
3

In Javascript ist dies nicht möglich, aber mit Hilfe von "Webclips" können wir ein Symbol oder eine Verknüpfung zum Hinzufügen zum Startbildschirm auf dem iPhone erstellen (mithilfe der Codedatei von .mobileconfig).

https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/iPhoneOTAConfiguration/ConfigurationProfileExamples/ConfigurationProfileExamples.html

http://appdistro.cttapp.com/webclip/

Nach dem Erstellen einer mobileconfig-Datei können wir diese URL im Installationszertifikat des iPhone Safari Browsers übergeben. Nachdem Sie dies getan haben, überprüfen Sie Ihren iPhone-Startbildschirm. Es gibt ein Verknüpfungssymbol für Ihre Webseite oder Webapp.

Rawan-25
quelle
Dies gibt keine Antwort auf die Frage. Sobald Sie einen ausreichenden Ruf haben, können Sie jeden Beitrag kommentieren . Geben Sie stattdessen Antworten, die nicht vom Fragesteller geklärt werden müssen . - Aus dem Rückblick
Jeet
Jeet, können Sie mir bitte erklären, wo ich falsch liege? Ja, das ist richtig. Nach dem Skript ist es nicht möglich, eine Anzeige zum Startbildschirm zu erstellen, aber mit dem "Webclip", den wir erstellen können, müssen wir eine .mobileconfig-Datei erstellen
Rawan-25
Vielen Dank an @jaepage dafür. Cttapp.com war eine Online-Website, auf der Sie Ihre eigene mobilecofig-Datei erstellen können. Sie schließen ihre Webseite, damit Sie developer.apple.com/library/content/documentation/… diese Website verwenden können wird unser eigenes Web-Tool dafür erstellen ...
Rawan-25
Sie können auch "Apple Configuratior 2" verwenden, um einen Webclip zu erstellen
Rawan-25