iPhone의 "홈 화면에 추가"에 대한 Javascript?


110

Javascript를 사용하여 Mobile Safari의 북마크 메뉴에서 홈 화면에 추가 옵션을 에뮬레이션 할 수 있습니까?

IE와 비슷한 window.external.AddFavorite(location.href, document.title);것입니까?

답변:


56

MobileSafari (홈 화면에있는 것 포함)에서 북마크를 추가하는 유일한 방법은 내장 UI를 사용하는 것이며 Apple은 페이지 내의 스크립트에서이를 수행하도록 제공하지 않습니다. 사실, Safari의 데스크탑 버전에서도이 작업을 수행하는 메커니즘이 없다고 확신합니다.


4
감사합니다. 나는 window.navigator.standalone모바일 사파리에서 실행중인 경우 추가하도록 확인 하고 촉구 하기로 결정했습니다 .
Kerrick

18
@David 웹 앱 용이 아닙니다. 홈 화면에 북마크 할 수 있다는 것을 아는 사용자는 많지 않습니다. IMHO 유용한 메시지와 함께 대화 상자를 시작하는 링크 / 버튼이 있으면 좋을 것입니다.
gregers

13
@David 구걸하지 않습니다. iOS의 웹 앱은 홈 화면에 추가 된 경우 전체 화면 인 기본 앱으로 실행할 수 있습니다. 오프라인 모드도 가능하므로 javascript를 사용하여 홈 화면에 추가 할 수 있다면 멋질 것입니다.
Ákos Nikházy 2011 년

3
@the_nakos 그리고 이것이 "홈 화면에 추가"하는 쉬운 방법이없는 이유입니다. 놀라운 체크 아웃과 놀라운 인앱 구매로 놀라운 Apple 앱 스토어의 대안을 만들 수 있기 때문입니다. 그들이 그것을 막기 위해 한 유일한 일은 아닙니다. 과거에는 모바일 사파리가 이미 훨씬 더 빠른 엔진을 실행하고있을 때 이전 자바 스크립트 엔진 만 사용하여 전체 화면 웹앱이 무력화되었습니다. 9to5mac.com/2014/06/03/…
Pawel

63

Safari가 Service Worker를 구현하고 Chrome 및 Firefox에서 설정 한 지시를 따르기 전까지는 앱을 프로그래밍 방식으로 홈 화면에 추가하거나 브라우저에서 사용자에게 메시지를 표시하도록 할 수 없습니다.

그러나 사용자에게 작업을 요청하고 올바른 지점을 가리키는 작은 라이브러리가 있습니다. 치료 효과가 있습니다.

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


1
안타깝게도 현재 사용 가능한 최상의 솔루션입니다.
hitautodestruct 2013

라이브러리 [link ... / add-to0homescreen]은 작동하지만 호출 할 마지막 호출은 addToHomescreen ({}); 매개 변수를 전달하지 않음을 나타내는 괄호 안에 중괄호가 있어야합니다.
RigidBody

8

관련된 것을 제공하는 오픈 소스 자바 스크립트 라이브러리가 있습니다 : mobile-bookmark-bubble

모바일 북마크 풍선은 모바일 웹 애플리케이션 하단에 프로모션 풍선을 추가하여 사용자가 기기의 홈 화면에 앱을 북마크하도록 초대하는 JavaScript 라이브러리입니다. 라이브러리는 HTML5 로컬 저장소를 사용하여 프로모션이 이미 표시되었는지 여부를 추적하여 사용자가 끊임없이 잔소리하는 것을 방지합니다.

이 라이브러리의 현재 구현은 특히 iPhone 및 iPad 장치에서 사용되는 웹 브라우저 인 Mobile Safari를 대상으로합니다.


2
Android와 비슷한 것이 있습니까 (또는 Blackberry라고 감히)?
SnowboardBruin

3

자바 스크립트에서는 불가능하지만 "웹 클립"의 도움으로 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, 내가 틀린 부분을 설명해 주시겠습니까? 예 맞습니다. 스크립트로는 홈 화면에 추가를 생성 할 수 없지만 "웹 클립"으로 생성 할 수 있습니다. .mobileconfig 파일을 생성해야하기 때문입니다.
Rawan-25

감사합니다 @jaepage for it .. cttapp.com은 자신의 mobilecofig 파일을 지금 잘 만들 수있는 온라인 웹 사이트였습니다. 그들은 웹 페이지를 종료하므로 developer.apple.com/library/content/documentation/… 이 웹 사이트를 곧 사용할 수 있습니다. 그것을 위해 우리 자신의 웹 도구를 만들 것입니다 ...
Rawan-25

"apple configuratior 2"를 사용하여 웹 클립을 만들 수도 있습니다
Rawan-25

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.