jquery - iPhone および Android Web ブラウザのスプラッシュ スクリーン

Question

iPhone と Android の Web ブラウザでスプラッシュ ページを表示したい。私はこれが初めてです。これを行う最良の方法は何ですか？チュートリアルはありますか？

iPhoneの場合、モーダル画面が欲しいです。

ご助力いただきありがとうございます。

一番。

Answer 1

次のようなメタ情報を html に設定する必要があります。

<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-startup-image" href="/img/startup-landscape.png" sizes="1024x748" />
<link rel="apple-touch-startup-image" href="/img/startup-portrait.png" sizes="768x1004" />
<link rel="apple-touch-startup-image" href="/img/startup-portrait.png" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />
<meta name="HandheldFriendly" content="true" />
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon-precomposed" href="/img/apple-touch-icon.png" />