Javascript для "Додати на головний екран" на iPhone?


110

Чи можна використовувати Javascript для емуляції параметра Додати на головний екран у меню закладки Mobile Safari?

Щось подібне до IE window.external.AddFavorite(location.href, document.title);можливо?

Відповіді:


56

Єдиний спосіб додати будь-які позначки книг у MobileSafari (включаючи ті, які є на головному екрані) - це вбудований інтерфейс користувача, і що Apple не надає цього зробити зі сценаріїв на сторінці. Насправді я впевнений, що механізму цього робити і на настільній версії Safari немає.


4
Спасибі, я не боявся цього. Я вирішив перевірити window.navigator.standaloneі закликаю їх додати, якщо він працює в мобільному Safari.
Керрік

18
@David Не для веб-додатків. Не багато користувачів знають, що можуть зробити закладку на головному екрані. IMHO, було б непогано зі посиланням / кнопкою, яка запускає діалог із корисним повідомленням.
грегер

13
@David Це не благає. Веб-додатки на iOS можуть працювати як нативні програми, на весь екран, якщо вони додані на головний екран. Навіть офлайн-режим можливий, тому було б здорово, якщо ми можемо використовувати javascript, щоб додати його на головний екран (З належним діалоговим вікном corse).
Ákos Nikházy

3
@the_nakos, і тому ніколи не буде простого способу "додати до головного екрану", оскільки це створить альтернативу дивовижному магазину додатків Apple з дивовижною замовою плюс дивовижними покупками в додатках. Це не єдине, що вони зробили, щоб запобігти цьому. Раніше веб-сайти на повний екран були покалічені, використовуючи лише старий JavaScript, коли мобільний сафарі вже працював набагато швидше. 9to5mac.com/2014/06/03/…
Pawel

63

Поки Safari не впроваджує Service Worker і не дотримується вказівки, встановленої Chrome і Firefox, не існує можливості додавати додаток програмно на головний екран чи переглядати браузера користувачем

Однак є невелика бібліотека, яка спонукає користувача це зробити і навіть вказує на потрібне місце. Працює частування.

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


1
На жаль, це найкраще рішення на даний момент.
hitautodestruct

Бібліотека [посилання ... / add-to0homescreen] працює, проте остаточним дзвінком для виклику є addToHomescreen ({}); Повинна бути фігурна дужка всередині дужок, що означає, що ви не передаєте жодних параметрів.
RigidBody

8

Існує бібліотека Javascript з відкритим кодом, яка пропонує щось пов'язане: мобільний закладку-міхур

Bubble Mobile Bookmark - це бібліотека JavaScript, яка додає промо-бульбашку в нижній частині веб-програми для мобільних пристроїв, пропонуючи користувачам робити закладку програми на головний екран свого пристрою. Бібліотека використовує локальну пам’ять HTML5, щоб відстежувати, чи промо вже відображалася, щоб уникнути постійного нудоти користувачів.

Поточна реалізація цієї бібліотеки спеціально націлена на мобільний Safari, веб-браузер, який використовується на пристроях iPhone та iPad.


2
Чи є щось подібне для Android (або, ну, смію сказати, Blackberry)?
SnowboardBruin

3

У javascript це неможливо, але так, за допомогою “Web Clips” ми можемо створити піктограму або ярлик “add to home screen” в iPhone (за кодовим файлом .mobileconfig)

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

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

після створення файлу mobileconfig ми можемо передати цю URL-адресу в iphone safari-сертифікат встановлення браузера, і після цього перевіримо ваш домашній екран iphone.


Це не дає відповіді на запитання. Коли у вас буде достатня репутація, ви зможете коментувати будь-яку публікацію ; натомість надайте відповіді, які не потребують уточнення від запитувача . - З огляду
Jeet

Jeet, чи можете ви поясніть мені, де я помиляюся. Так це правильно. За сценарієм не можна створити додавання на головний екран, але ми можемо створити "веб-кліп", для цього ми мусимо створити файл .mobileconfig
Раван-25

Дякую @jaepage за це .. cttapp.com був веб-сайтом, де ви можете створити свій власний файл mobilecofig зараз, вони закрили свою веб-сторінку, тому ви можете використовувати developer.apple.com/library/content/documentation/… цей веб-сайт Незабаром я створимо власний веб-інструмент для цього ...
Rawan-25

Ви також можете скористатися "apple configuratior 2", щоб створити веб-кліп
Rawan-25,

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.