web-dev-qa-db-ja.com

iPhoneの「ホーム画面に追加」のJavascript?

Javascriptを使用して、Mobile Safariのブックマークメニューの[ホーム画面に追加]オプションをエミュレートすることはできますか?

IEのwindow.external.AddFavorite(location.href, document.title);に似たものですか?

104
Kerrick

MobileSafari(ホーム画面上のものを含む)にブックマークを追加する唯一の方法は、組み込みのUIを使用することです。Appleは、ページ内のスクリプトからこれを行う方法を提供していません。実際、デスクトップ版のSafariでもこれを実行するメカニズムはありません。

49
Louis Gerbarg

SafariがService Workerを実装し、ChromeとFirefoxで設定された指示に従うまで、アプリをプログラムでホーム画面に追加したり、ブラウザにユーザーにプロンプ​​トを表示させる方法はありません。

ただし、ユーザーに実行を促す小さなライブラリがあり、適切な場所を指しています。御Works走。

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

61
Craig

「ホーム画面に追加」ポップアップをトリガーする別のスクリプト: http://cubiq.org/add-to-home-screen

45
bob

関連する何かを提供するオープンソースのJavascriptライブラリがあります: mobile-bookmark-bubble

モバイルブックマークバブルは、モバイルWebアプリケーションの下部にプロモーションバブルを追加するJavaScriptライブラリであり、ユーザーをアプリのホーム画面にブックマークするように招待します。ライブラリは、HTML5ローカルストレージを使用して、プロモーションが既に表示されているかどうかを追跡し、常にユーザーを悩ませないようにします。

このライブラリの現在の実装は、特にiPhoneおよびiPadデバイスで使用されるWebブラウザであるMobile Safariを対象としています。

8
Philippe Laval

Javascriptでは不可能ですが、「Webクリップ」を使用して、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ホーム画面を確認すると、Webページまたはwebappのショートカットアイコンが表示されます。

3
Rawan-25

これは、iphone/ipad、Mobile Safari、Android、Blackberry touchスマートフォンおよびPlaybookをサポートする別の優れたホーム画面スクリプトでもあります。

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

2
Miuranga