JavaScript dla „Dodaj do ekranu głównego” na iPhonie?


Odpowiedzi:


56

Jedynym sposobem dodania jakichkolwiek znaczników książek w MobileSafari (w tym znaków na ekranie głównym) jest wbudowany interfejs użytkownika, a Apple i tak nie zapewnia tego ze skryptów na stronie. W rzeczywistości jestem prawie pewien, że nie ma mechanizmu umożliwiającego to w wersji Safari na komputery stacjonarne.


4
Dzięki, bałem się, że nie. Postanowiłem sprawdzić window.navigator.standalonei zachęcić ich do dodania, jeśli działa w Mobile Safari.
Kerrick,

18
@David Nie dla aplikacji internetowych. Niewielu użytkowników wie, że może dodać zakładkę do ekranu głównego. IMHO byłoby miło z linkiem / przyciskiem, który uruchamia okno dialogowe z pomocną wiadomością.
gregers

13
@David To nie jest żebranie. Aplikacje internetowe na iOS mogą działać jako aplikacje natywne, na pełnym ekranie, jeśli zostaną dodane do ekranu głównego. Możliwy jest nawet tryb offline, więc byłoby fajnie, gdybyśmy mogli dodać go do ekranu głównego za pomocą javascript (przy odpowiednim oknie dialogowym).
Ákos Nikházy

3
@the_nakos i dlatego nigdy nie będzie łatwego sposobu na „dodanie do ekranu głównego”, ponieważ stworzyłoby to alternatywę dla niesamowitego sklepu z aplikacjami Apple z niesamowitymi możliwościami płatności i niesamowitymi zakupami w aplikacji. To nie jedyna rzecz, jaką zrobili, aby temu zapobiec. W przeszłości pełnoekranowe aplikacje internetowe były okaleczane przez używanie tylko starego silnika JavaScript, gdy mobilne safari działało już znacznie szybciej. 9to5mac.com/2014/06/03/…
Paweł

63

Dopóki Safari nie zaimplementuje narzędzia Service Worker i nie będzie postępować zgodnie z kierunkiem wyznaczonym przez przeglądarki Chrome i Firefox, nie ma możliwości programowego dodawania aplikacji do ekranu głównego ani wyświetlania monitów przeglądarki użytkownika

Istnieje jednak mała biblioteka, która zachęca użytkownika do zrobienia tego, a nawet wskazuje właściwe miejsce. Działa wspaniale.

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


1
Niestety jest to najlepsze dostępne obecnie rozwiązanie.
hitautodestruct

Biblioteka [link ... / add-to0homescreen] działa, jednak ostatnim wywołaniem wywołania jest addToHomescreen ({}); W nawiasie musi znajdować się nawias klamrowy oznaczający, że nie przekazujesz żadnych parametrów.
RigidBody

8

Istnieje biblioteka Javascript typu open source, która oferuje coś związanego: dymek z zakładkami mobilnymi

Mobile Bookmark Bubble to biblioteka JavaScript, która dodaje dymek promocyjny na dole Twojej mobilnej aplikacji internetowej, zapraszając użytkowników do dodania zakładek do aplikacji na ekranie głównym urządzenia. Biblioteka używa lokalnej pamięci HTML5 do śledzenia, czy promocja została już wyświetlona, ​​aby uniknąć ciągłego dokuczania użytkownikom.

Obecna implementacja tej biblioteki jest szczególnie ukierunkowana na Mobile Safari, przeglądarkę internetową używaną na urządzeniach iPhone i iPad.


2
Czy jest coś podobnego dla Androida (lub, hmm, ośmielę się powiedzieć, Blackberry)?
SnowboardBruin

3

W javascript nie jest to możliwe, ale tak, za pomocą „Web Clipsów” możemy stworzyć ikonę „dodaj do ekranu głównego” lub skrót w iPhonie (przez plik kodu .mobileconfig)

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

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

po utworzeniu pliku mobileconfig możemy przekazać ten adres URL w certyfikacie instalacji przeglądarki iPhone Safari, a po zakończeniu sprawdzić na ekranie głównym iPhone'a jest ikona skrótu do Twojej strony internetowej lub aplikacji internetowej.


To nie daje odpowiedzi na pytanie. Gdy zdobędziesz wystarczającą reputację , będziesz mógł komentować każdy post ; zamiast tego udziel odpowiedzi, które nie wymagają wyjaśnień od pytającego . - Z recenzji
Jeet

Jeet, czy możesz mi wyjaśnić, gdzie się mylę Tak to jest poprawne Przy pomocy skryptu nie jest możliwe utworzenie dodania do ekranu głównego ale z "klipem internetowym" możemy stworzyć, w tym celu musimy stworzyć plik .mobileconfig
Rawan-25

Dzięki @jaepage za to .. cttapp.com była witryną internetową, na której możesz teraz utworzyć swój własny plik mobilecofig. Zamknęli oni swoją stronę internetową, więc możesz skorzystać z developer.apple.com/library/content/documentation/ ... tej witryny Wkrótce ja stworzymy do tego własne narzędzie internetowe ...
Rawan-25

Możesz także użyć „apple configureatior 2”, aby utworzyć klip internetowy
Rawan-25

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.