Javascript untuk “Add to Home Screen” di iPhone?

110

Apakah mungkin menggunakan Javascript untuk meniru opsi Add to Home Screen di menu bookmark Mobile Safari?

Sesuatu yang mirip dengan IE window.external.AddFavorite(location.href, document.title);?

javascript iphone mobile-safari bookmarks homescreen Kerrick
sumber

Jawaban:

56

Satu-satunya cara untuk menambahkan tanda buku apa pun di MobileSafari (termasuk yang ada di layar beranda) adalah dengan UI bawaan, dan Apple tidak menyediakannya untuk melakukan ini dari skrip dalam halaman. Nyatanya, saya cukup yakin tidak ada mekanisme untuk melakukan ini pada Safari versi desktop.

Louis Gerbarg
sumber
4
Terima kasih, saya takut tidak. Saya memutuskan untuk memeriksa window.navigator.standalonedan mendorong mereka untuk menambahkannya jika berjalan di Safari Seluler.
Kerrick
18
@Dvid Bukan untuk aplikasi web. Tidak banyak pengguna yang tahu bahwa mereka dapat menandai ke layar beranda. IMHO akan lebih baik dengan tautan / tombol yang mengaktifkan dialog dengan pesan yang membantu.
gregers
13
@ Itu tidak mengemis. Aplikasi web di iOS dapat berjalan sebagai aplikasi asli, layar penuh jika ditambahkan ke layar utama. Bahkan mode offline dimungkinkan jadi alangkah baiknya jika kita dapat menggunakan javascript untuk menambahkannya ke layar beranda (Dengan dialog corse yang tepat).
Ákos Nikházy
3
@the_nakos dan itulah mengapa tidak akan pernah ada cara mudah untuk "menambahkan ke layar utama" karena itu akan menciptakan alternatif untuk toko aplikasi Apple yang luar biasa dengan pembayaran yang luar biasa ditambah pembelian dalam aplikasi yang luar biasa. Itu bukan satu-satunya hal yang mereka lakukan untuk mencegahnya. Di masa lalu, aplikasi web layar penuh lumpuh karena hanya menggunakan mesin JavaScript lama saat safari seluler sudah menjalankan mesin yang jauh lebih cepat 9to5mac.com/2014/06/03/…
Pawel
63

Hingga Safari menerapkan Service Worker dan mengikuti arahan yang ditetapkan oleh Chrome dan Firefox, tidak ada cara untuk menambahkan aplikasi Anda secara terprogram ke layar beranda, atau meminta browser meminta pengguna

Namun, ada perpustakaan kecil yang meminta pengguna untuk melakukannya dan bahkan menunjuk ke tempat yang tepat. Bekerja dengan baik.

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

Craig
sumber
1
Sayangnya, ini adalah solusi terbaik yang tersedia saat ini.
hitautodestruct
Pustaka [link ... / add-to0homescreen] berfungsi, namun, panggilan terakhir yang dipanggil adalah addToHomescreen ({}); Harus memiliki kurung kurawal di dalam tanda kurung yang menandakan Anda tidak melewatkan parameter.
RigidBody
8

Ada pustaka Javascript sumber terbuka yang menawarkan sesuatu yang terkait: balon-bookmark-seluler

Balon Bookmark Seluler adalah pustaka JavaScript yang menambahkan gelembung promo ke bagian bawah aplikasi web seluler Anda, mengundang pengguna untuk mem-bookmark aplikasi ke layar beranda perangkat mereka. Pustaka menggunakan penyimpanan lokal HTML5 untuk melacak apakah promo telah ditampilkan, untuk menghindari pengguna yang terus-menerus mengomel.

Implementasi perpustakaan saat ini secara khusus menargetkan Mobile Safari, browser web yang digunakan pada perangkat iPhone dan iPad.

Philippe Laval
sumber
2
Apakah ada yang serupa untuk Android (atau, ugh, berani saya katakan, Blackberry)?
SnowboardBruin
3

Di javascript tidak mungkin tapi ya dengan bantuan "Web Clips" kita bisa membuat icon "add to home screen" atau shortcut di iPhone (dengan file kode .mobileconfig)

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

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

setelah membuat file mobileconfig kita bisa melewatkan url ini di sertifikat install iphone browser safari dan setelah selesai cek home screen iphone ada icon shortcut halaman web atau webapp ..

Rawan-25
sumber
Ini tidak memberikan jawaban atas pertanyaan tersebut. Setelah memiliki reputasi yang memadai, Anda dapat mengomentari kiriman apa pun ; sebagai gantinya, berikan jawaban yang tidak memerlukan klarifikasi dari penanya . - Dari Ulasan
Jeet
Jeet, bisa tolong jelaskan saya di mana saya salah Ya ini benar Dengan script, tidak mungkin untuk membuat add to home screen tapi dengan "web clip" kita bisa membuat, untuk itu kita harus membuat file .mobileconfig
Rawan-25
Terima kasih @jaepage untuk itu .. cttapp.com adalah situs online di mana Anda dapat membuat file mobilecofig Anda sendiri dengan baik sekarang mereka menutup halaman web mereka sehingga Anda dapat menggunakan developer.apple.com/library/content/documentation/ .. situs web ini Soon I akan membuat alat web kami sendiri untuk itu ...
Rawan-25
Anda juga dapat menggunakan "konfigurasi apel 2" untuk membuat klip web
Rawan-25