Javascript для «Добавить на главный экран» на iPhone? - PullRequest
103 голосов
/ 17 июля 2009

Можно ли использовать Javascript для эмуляции опции «Добавить на главный экран» в меню закладок Mobile Safari?

Что-то похожее на IE window.external.AddFavorite(location.href, document.title); возможно?

Ответы [ 6 ]

60 голосов
/ 12 февраля 2011

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

Однако, есть небольшая библиотека, которая предлагает пользователю сделать это и даже указывает на правильное место. Работает угощение.

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

49 голосов
/ 17 июля 2009

Единственный способ добавить любые закладки в MobileSafari (в том числе на домашнем экране) с помощью встроенного пользовательского интерфейса, и Apple не предоставляет никаких возможностей для этого с помощью скриптов на странице. На самом деле, я уверен, что в настольной версии Safari нет механизма для этого.

44 голосов
/ 30 декабря 2011

Еще один скрипт, который вызывает всплывающее окно «Добавить на главный экран»: http://cubiq.org/add-to-home-screen

8 голосов
/ 30 сентября 2010

Существует библиотека Javascript с открытым исходным кодом, которая предлагает что-то связанное: мобильный-закладки пузырь

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

Текущая реализация этой библиотеки специально нацелена на Mobile Safari, веб-браузер, используемый на устройствах iPhone и iPad.

3 голосов
/ 29 августа 2017

В javascript это невозможно, но с помощью «Веб-подборок» мы можем создать значок «Добавить на домашний экран» или ярлык в 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 на ярлыке веб-страницы или веб-приложения.

2 голосов
/ 11 декабря 2012

Это также еще один хороший скрипт для домашнего экрана, который поддерживает iphone / ipad, Mobile Safari, Android, смартфоны Blackberry Touch и Playbook.

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

...