Вопрос

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

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

Это было полезно?

Решение

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

Другие советы

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

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

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

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

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top