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


110

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

IEに似ているものはwindow.external.AddFavorite(location.href, document.title);ありますか?

回答:


56

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


4
ありがとう、私は恐れていませんでした。window.navigator.standaloneモバイルSafariで実行している場合は、チェックして追加するように促すことにしました。
ケリック

18
@David Webアプリでは使用できません。ホーム画面にブックマークできることを知っているユーザーは多くありません。私見それは、有用なメッセージでダイアログを起動するリンク/ボタンでいいでしょう。
10

13
@David物乞いではありません。iOS上のWebアプリは、ネイティブアプリとして実行できます。ホーム画面に追加された場合は、フルスクリーンになります。オフラインモードでも可能ですので、JavaScriptを使用してホーム画面に追加できれば便利です(corseの適切なダイアログを使用)。
AKOSNikházy

3
@the_nakos、それが「ホーム画面に追加」する簡単な方法が決してない理由です。これは、素晴らしいチェックアウトと素晴らしいアプリ内購入を備えた素晴らしいAppleアプリストアの代わりになるからです。それを防ぐために彼らがしたのはそれだけではない。モバイルSafariはすでにはるかに高速エンジンで実行されたときに、過去のフルスクリーンWebアプリケーションでのみ、古いJavaScriptエンジンを使用することによって不自由た9to5mac.com/2014/06/03/...
パヴェル・

63

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

ただし、小さなライブラリーがあり、ユーザーにそれを促すだけでなく、正しい場所を指すようにもなっています。御馳走を働きます。

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


1
悲しいことに、これは現在利用可能な最良のソリューションです。
hitautodestruct 2013

ライブラリ[link ... / add-to0homescreen]は機能しますが、呼び出す最後の呼び出しはaddToHomescreen({});です。パラメータを渡していないことを示す括弧内に中括弧が必要です。
RigidBody

8

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

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

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


2
Androidに似ているものはありますか(または、あえて言うと、ブラックベリー)。
SnowboardBruin

3

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のショートカットアイコンがあることを確認します。


これは質問に対する答えを提供しません。十分な評判得られたら、どの投稿にもコメントできます。代わりに、質問者からの説明を必要としない回答を提供してください。- 口コミより
JEET

Jeet、どこが間違っているのか説明してくださいはいこれは正しいスクリプトでは、ホーム画面に追加を作成することはできませんが、作成できる「Webクリップ」を使用して、.mobileconfigファイルを作成する必要があります。
Rawan-25

それ.. cttapp.comのおかげでの@jaepageは、あなたが使用できるように、あなたが今、彼らシャットダウン自分のWebページだけでなく、独自のmobilecofigファイルを作成することができ、オンラインのウェブサイトだった developer.apple.com/library/content/documentation/... 私はすぐにこのサイトを専用のWebツールを作成します...
Rawan-25

「apple configuratior 2」を使用してウェブクリップを作成することもできます
-25

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.