web-dev-qa-db-ja.com

「ホーム画面に追加」のアイコンをカスタマイズ

chromeなど、Webアプリにリンクまたはボタンを追加し、ホーム画面にアイコンを作成できるようにする、Webブラウザーのデフォルトオプションに代わるものはありますか?

たとえば、webappがあり、スクリプトを実行してホーム画面にアイコンを作成するリンクまたはボタンがmain.htmlに必要です。それは不可能だと思います。 Webブラウザでこのデフォルトオプションをシミュレートする代替手段はありますか?

また、ホーム画面に表示されるアイコンを指定したいです。どうやってやるの?

8
garciam202

ホーム画面に表示されるアイコンを指定したい。どうすればそれができますか?

<link rel="Apple-touch-icon" sizes="128x128" href="niceicon.png">を使用できます(はい、Androidデバイスでも)。

Appleデバイスの詳細情報については、 iOSドキュメント を確認してください。ウェブサイト全体にアイコンを定義することもできます。

Androidデバイスの詳細については、 Androidドキュメント を確認してください。 <link rel="Apple-touch-icon" sizes="128x128" href="niceicon.png">が機能しない場合は、Androidで推奨される方法である<link rel="icon" sizes="192x192" href="Nice-highres.png">を試すことができます。

ウェブブラウザでこのデフォルトオプションをシミュレートする代替手段はありますか?

http://cubiq.org/add-to-home-screen で代替手段を確認できます。 「ホーム画面に追加」は、ユーザーにWebアプリをホーム画面に追加するよう促すオーバーレイメッセージを表示します。

注:adam0404のコメントのおかげで、cubiq.orgリンクは現在壊れています。幸いなことに、「ホーム画面に追加」ライブラリがGitHubにアップロードされました。チェックしてください https://github.com/cubiq/add-to-homescreen

21
shaochuancs