Javascript per "Aggiungi alla schermata iniziale" su iPhone?

110

È possibile utilizzare Javascript per emulare l'opzione Aggiungi alla schermata iniziale nel menu dei segnalibri di Mobile Safari?

Forse qualcosa di simile a IE window.external.AddFavorite(location.href, document.title);?

— Kerrick
fonte

56

L'unico modo per aggiungere eventuali segnalibri in MobileSafari (compresi quelli nella schermata principale) è con l'interfaccia utente incorporata e che Apples non fornisce comunque per farlo dagli script all'interno di una pagina. In effetti, sono abbastanza sicuro che non ci sia alcun meccanismo per farlo anche sulla versione desktop di Safari.

— Louis Gerbarg
fonte

4

Grazie, avevo paura di no. Ho deciso di controllare window.navigator.standalonee invitarli ad aggiungerlo se è in esecuzione in Mobile Safari.

— Kerrick

18

@David Non per web-app. Non sono molti gli utenti che sanno di poter aggiungere un segnalibro alla schermata principale. IMHO sarebbe carino con un link / pulsante che attiva la finestra di dialogo con un messaggio utile.

— Gregers,

13

@David Non sta implorando. Le app Web su iOS possono essere eseguite come app native, a schermo intero se vengono aggiunte alla schermata iniziale. Anche la modalità offline è possibile, quindi sarebbe bello se possiamo usare javascript per aggiungerlo alla schermata principale (con una finestra di dialogo appropriata ovviamente).

— Ákos Nikházy

3

@the_nakos ed è per questo che non ci sarà mai un modo semplice per "aggiungere alla schermata iniziale" perché creerebbe un'alternativa al fantastico app store di Apple con un fantastico checkout e incredibili acquisti in-app. Non è l'unica cosa che hanno fatto per impedirlo. In passato le webapp a schermo intero erano paralizzate utilizzando solo il vecchio motore JavaScript quando il mobile safari era già in esecuzione molto più veloce del motore 9to5mac.com/2014/06/03/…

— Pawel

63

Fino a quando Safari non implementa Service Worker e segue la direzione impostata da Chrome e Firefox, non c'è modo di aggiungere la tua app in modo programmatico alla schermata principale o di fare in modo che il browser richieda all'utente

Tuttavia, c'è una piccola libreria che richiede all'utente di farlo e punta anche al punto giusto. Funziona a meraviglia.

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

— brama
fonte

1

Purtroppo, questa è la migliore soluzione attualmente disponibile.

— hitautodestruct

La libreria [link ... / add-to0homescreen] funziona, tuttavia, la chiamata finale da invocare è addToHomescreen ({}); Deve contenere una parentesi graffa tra parentesi a indicare che non stai passando parametri.

— RigidBody

8

C'è una libreria Javascript open source che offre qualcosa di correlato: mobile-bookmark-bubble

Il fumetto segnalibro mobile è una libreria JavaScript che aggiunge un fumetto promozionale nella parte inferiore dell'applicazione web mobile, invitando gli utenti a contrassegnare l'app nella schermata principale del proprio dispositivo. La libreria utilizza l'archiviazione locale HTML5 per monitorare se la promozione è già stata visualizzata, per evitare di assillare costantemente gli utenti.

L'attuale implementazione di questa libreria si rivolge specificamente a Mobile Safari, il browser web utilizzato su dispositivi iPhone e iPad.

— Philippe Laval
fonte

2

C'è qualcosa di simile per Android (o, ugh, oserei dire, Blackberry)?

— Snowboard

3

In javascript, non è possibile ma sì con l'aiuto di "Web Clips" possiamo creare un'icona "aggiungi alla schermata iniziale" o un collegamento in iPhone (dal file di codice di .mobileconfig)

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

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

dopo aver creato un file mobileconfig possiamo passare questo URL nel certificato di installazione del browser safari di iphone e dopo averlo fatto controllare la schermata iniziale del tuo iphone c'è un'icona di collegamento della tua pagina Web o webapp ..

— Rawan-25
fonte

Questo non fornisce una risposta alla domanda. Una volta che avrai una reputazione sufficiente, potrai commentare qualsiasi post ; fornire invece risposte che non richiedono chiarimenti da parte del richiedente . - Dalla recensione

— Jeet

Jeet, puoi spiegarmi dove ho sbagliato Sì è vero Dallo script, non è possibile creare aggiungi alla schermata iniziale ma con il "clip web" possiamo creare, per questo dobbiamo creare il file .mobileconfig

— Rawan-25

Grazie @jaepage per questo .. cttapp.com era un sito web in linea dove puoi creare il tuo file mobilecofig bene adesso che hanno chiuso la loro pagina web così puoi usare developer.apple.com/library/content/documentation/… questo sito web Presto I creerà il nostro strumento web per questo ...

— Rawan-25

Puoi anche utilizzare "apple configuratior 2" per creare un webclip

— Rawan-25

2

Questo è anche un altro buon script della schermata iniziale che supporta iphone / ipad, Mobile Safari, Android, smartphone touch Blackberry e Playbook.

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble

— Miuranga
fonte