2011-12-04 14 views
3

私は、スプラッシュ画面として同じファイルにリンクする同じメタタグ(テスト目的)を持つ2つのウェブアプリケーションを持っています。iPhoneのウェブアプリ - スプラッシュ画面が動作しない

1つのアプリは絶対に問題ありません。どんなデバイスでもいつでもうまく動作します。

他のアプリはそれについて知りたくないです - どのようにスプラッシュ画面がそんなに気性に見えますか?

私はアプリのアイコンがうまく動作するので、ディレクトリが正しく設定されていることを知っています。同じ画像を使用していますので、そのスペックも間違いありません。

+1

"それについて知りたくない"とは、有用なバグや問題の説明ではありません。実際の問題を説明してください。スプラッシュ画面が表示されないことを意味しますか?あなたは「気分が悪い」とはどういう意味ですか?それはときどきしか動作しないのですか? – occulus

+0

クリーンなビルドをして、それが修正されているかどうかを確認してください。 – MCannon

+0

@occulus - あいまいであれば申し訳ありません - 1つのWebアプリケーションはそれをすべて表示せず、もう1つは常に表示します。希望:-) --Jeff –

答えて

2

私はこの問題にかなり苦しんでおり、ほとんどの場合、複数のスプラッシュスクリーンまたはスプラッシュスクリーンが(正確に)320x460ピクセルではないことが原因です。

<link rel="apple-touch-startup-image" href="/splash-iphone.jpg" /> 

しかし、スプラッシュスクリーンを呼び出す前に、あなたにも、次の3行のコードを含める必要があります:

同じスプラッシュスクリーンファイルはすべきではない参照する複数のWebアプリケーションを持つ
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

これはトリックを行う必要があります問題はありますが、それ以外の方法はありません。

+0

そのヒントのための歓声 - 私はそれに取り組んでいます私は明日仕事に戻り、私の所見を共有します:-) –

+0

うん、ありがとう、docs(http://bit.ly/1sXMLxX)は320 x * 480 *と言うが、これはうまくいかない。 – Dunc

2

以前のポスターで作成された320x460 px発言については、実際に網膜に対応したデバイスに異なるスプラッシュ画像を指定することができます。このソリューションは、私の作品:640x920ピクセルで、2倍でなければなりません

<link rel="apple-touch-startup-image" href="img/splash/splash.png" media="screen and (max-device-width: 320px)"> 
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="img/splash/[email protected]"> 

Splash.pngは320x460 pxと[email protected]でなければなりません。

関連する問題