モバイル Web サイトで練習していますが、2 つの問題が発生しています。
iPhone では、Safari ブラウザの中央にあるボタンを押し下げて、[ホーム画面に追加] を使用して、iPhone 画面の他のアプリの間に「アプリ アイコン」を配置することができます。サイトのアイコンを押すと、明らかに自分の Web サイトにリダイレクトされ、(javascript ファイルのおかげで) ブラウザーのナビゲーション バーが非表示になります。ただし、サイトの「a href」リンクを押すと、Safari ブラウザーに戻されてそこで開かれます。
これは、次のように書いたからだと思います。
そして、私のモバイルでは、IP アドレスでサイトにアクセスしています。これを解決する方法はありますか？
--
他の問題:
Safari で「ホーム画面に追加」を使用する場合、名前を付ける必要があります。HMTL ファイルで指定された「タイトル」が自動的に使用されます。しかし、アプリにアイコンを付けるにはどうすればよいですか? 現在、ウェブサイトのスクリーンショットのようなものをアイコンとして使用しています..
iphone-app-icon-html-web-app-home-screen-icon
iPhone Mobile Safari Web ブラウザは、iPhone アプリのアイコンを HTML アプリケーションに追加できる特別な HTML タグを認識します。Web アプリに iPhone アプリのアイコンを追加するための構文は次のとおりです。
<link rel="apple-touch-icon" href="/my-app-icon.png" />
REL フィールドに apple-touch-icon を含むこの HTML リンク タグは、iPhone Mobile Safari ブラウザーに、このアイコンを Web アプリのアプリ アイコンとして使用するように指示します。
iPad および iPhone アプリのアイコンのピクセル サイズ
高解像度の iPhone 4 をサポートするには、iPhone アプリのアイコンを 114 x 114 ピクセルのアイコンにする必要があります。古い iPhone は 56x56 ピクセルのアイコン (またはおそらく 57x57) を使用し、iPad は 72x72 ピクセルのアイコンを使用し、提供する画像は縮小され、これらすべてのデバイスで動作します。簡単な要約は次のとおりです。
iPhone 4 - 114x114 pixels
Older iPhone - 57x57 pixels
iPad (version 1) - 72x72 pixels
アプリのアイコン サイズをもう少し制御したい場合は、Apple のドキュメントに次の例が示されています。
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />