2009-07-17 22 views
97

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

IEのwindow.external.AddFavorite(location.href, document.title);と同様のものがありますか?

答えて

46

MobileSafari(ホーム画面のブックマークを含む)にブックマークを追加する唯一の方法は、組み込みのUIを使用することであり、Applesはページ内のスクリプトからこれを行うことはできません。実際、Safariのデスクトップ版でもこれを行うための仕組みがないと確信しています。

+3

ありがとう、私は恐れていませんでした。私は 'window.navigator.standalone'を確認し、Mobile Safariで動作している場合は追加するようにしました。 – Kerrick

+1

@David - 私はそれに反して、多くの人にとって明らかな特徴ではありません。 –

+16

@Davidウェブアプリケーション用ではありません。ホーム画面にブックマークできることを知っているユーザーはそれほど多くありません。 IMHOそれは便利なメッセージでダイアログを起動するリンク/ボタンでうれしいです。 – gregers

8

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

モバイルブックマークバブルブックマークにユーザーを招待、モバイルWebアプリケーションの下にプロモーションバブルを追加するJavaScriptライブラリですそのアプリを自分の端末のホーム画面に追加しますライブラリはHTML5ローカルストレージを使用して、プロモーションが既に表示されているかどうかを追跡し、ユーザーの不快感を避けるためです。

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

+2

Android(または、ええと、私はブラックベリーと言いたい)に似たものはありますか? – SnowboardBruin

58

Safariがサービスワーカーを実装とChromeとFirefoxによって設定された方向に沿うまで、ホーム画面にプログラム的にアプリを追加する方法がない、または存在し、

しかし、ブラウザがユーザーに促し持っています小さなライブラリーで、ユーザーにそれを指示し、正しい場所を指し示すことさえできます。治療をしなさい。

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

+19

http://cubiq.org/add-to-home-screenは、それをデモし、良い情報を持っているより良いリンクかもしれません。 –

+0

悲しいことに、これは現在利用可能な最良の解決策です。 – hitautodestruct

44

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

+0

はすごくいいですね! – nurxyz

+0

これは、returningVisitorのようなプログラム可能な動作の中で最も優れています。 – Bendihossan

+0

手をつけて、これが最高です。実装にはほんの数分、メッセージをカスタマイズするには5分かかりました。 Way2Go! – techdude

3

、それは可能ではなく、イエスの「Webクリップ」の助けを借りて、私たちは(た.mobileconfigのコードファイルで)iPhoneの「ホーム画面に追加」アイコンまたはショートカットを作成することができます

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

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

後に証明書をインストールし、我々はiPhoneのSafariブラウザでこのURLを渡すことができますし、行われた後、それはあなたのiPhoneのホーム画面トンをチェックしmobileconfigファイルを作成しますここにあなたのWebページまたはwebappのショートカットアイコンです。

+0

これは質問に対する答えを提供しません。十分な[評判](https://stackoverflow.com/help/whats-reputation)があれば、[投稿にコメントする]ことができます(https://stackoverflow.com/help/privileges/comment)。代わりに、[質問者からの明確化を必要としない回答を提供する](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- i-do-代わりに)。 - [レビューの投稿](レビュー/低品質の投稿/ 17172978) – Jeet

+0

Jeet、私が間違っている場所を教えてもらえますか?はい、これは正しいスクリプトでは、ホーム画面に追加することはできません私たちが作成できる "ウェブクリップ" .mobileconfigファイルを作成する必要があります –

+0

答えのcttapp.comリンクが壊れています(404)。 – jtheletter

関連する問題