1

テスト シナリオとして以下を作成しました: http://dev.driz.co.uk/Spinner/は、iPhone Chromeless で実行される webapp 用です。iPhone で開いてホーム画面に追加すると、起動画面とプリローダーを備えたフルスクリーンの Web アプリとして表示されます。

起動画面とユーザーに表示される最初の画面は、 Apple のドキュメントの引用に従って同じにしました。「一般に、アプリの最初の画面と同じ起動イメージを設計します。ユーザーが起動画像と最初のアプリ画面の間にフラッシュを経験しないように、アプリの起動が終了します。

上記のように、起動時とアプリ自体の間で発生する可能性があるフラッシュを防ぐために、それらを同じにしました (通常、起動時に変更されない異なる UI コンポーネントが原因です)。しかし、私はまだこのフラッシュを取得します! アプリがスタートアップを表示してから非表示にしてから、スタートアップ画像を含むスプラッシュ画面を再度表示することを含む Web サイトを表示しているようです。

どうすればこれに対抗できるかについてのアイデアはありますか? 起動画面の背景画像を持つように html/body 自体を設定しようとしましたが、読み込まれるとまだフラッシュです。また、背景の代わりに実際の画像を使用しようとしましたが、同じ問題です。

4

4 に答える 4

1

Ok。簡単な答え: ios スタートアップ イメージ imo を使用しないでください。適切な画像を表示するためにどれだけの時間を費やしたかわかりませんが、さまざまなデバイスやフォーマットについて話していると、提供しなければならないすべての画像が厄介になります.

私は自分のアプリケーションに使用している css/javascript スプラッシュ スクリーンを作成しました (たとえば、こちら)。デバイスに応じて読み込まれる縦向きと横向きの画像 (4 つのサイズ) を指定できます。

背景はsplashクラスに添付されています。これは本体に設定し、アプリが読み込まれたら削除します。

Githubのレポ内にコードを配置しました。お気軽にご利用ください。ご不明な点がございましたら、お知らせください。

于 2013-03-04T22:12:32.110 に答える
1

あなたが見ているフラッシュは、ウィンドウの背景、またはあなたのウェブビューであるに違いありません。ほとんどの場合白で、アプリがロードされてもすぐにはページがレンダリングされないため、一瞬ウィンドウの白い背景が表示されます。

アプリのデリゲートまたは Interface Builder で _window.backgroundColor (私はそのプロパティ名を推測しています) を編集してみてください。それでも問題が解決しない場合は、webview の背景色を編集できるかどうかを確認してください。すべては、webapp の作成に使用しているツールチェーン (つまり phonegap) に依存している可能性があります。

于 2013-03-06T22:03:37.347 に答える
0

読み込み中の画像を配置することがネイティブアプリに当てはまることは知っていますが、リンクしたドキュメントのどこにも、ウェブアプリにも当てはまるとは言えません。

于 2013-03-06T16:18:03.607 に答える
0

解決策は見つかりましたか?この問題は、アプリに関係なく、iPhone の基本的な問題であることがわかりました。

これを例にとると、iPhone 7 用の の#cccスプラッシュ スクリーンを持つの背景を持つ Web サイトが表示されます。#ccc

<!doctype html>
<html style="background-color: #ccc;">
<head>
  <title>iOS web app</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-title" content="iOS web app">
  <meta name="viewport" content="initial-scale=1">
  <link href="https://placehold.it/750x1294" media="(device-width: 375px) and (device-height: 667px)
                 and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
</head>
<body style="background-color: #ccc;">
  <h1>iOS web app</h1>
</body>
</html>

https://imgur.com/a/tGiREVM

アプリの読み込み中にちらつきが見られます。

読み込みが速いアプリは、ちらつきで少してんかんのように気分が悪くなります。また、スプラッシュ スクリーンが暗い場合は、さらに見栄えが悪くなります。

于 2020-07-27T18:55:02.560 に答える