3

iOS4.3.4を搭載したiPad2用のHTML5駆動のオフラインアプリを作成しようとしています。私はいくつかのウェブサイトで見た指示に従ってティーを行い、Chromeの開発者ツールを使用してキャッシュが機能していることを確認することさえできました。

Creating Application Cache with manifest http://localhost/experiments/test.manifest
Application Cache Checking event
Application Cache Downloading event
Application Cache Progress event (0 of 2) http://localhost/experiments/offlineApp.js
Application Cache Progress event (1 of 2) http://localhost/experiments/offlineApp.css
Application Cache Progress event (2 of 2)
Application Cache Cached event

ホーム画面のアイコンと「起動画面」の画像が表示されています。アプリをホーム画面に問題なくダウンロードでき、そこにアイコンが表示されます。しかし、Wi-Fiをオフにしてアプリを開こうとすると、「インターネットに接続されていないため、開くことができませんでした」という警告が表示されます。

iOS 4.3.4（または以前のバージョンのOS）で、HTML5のこの機能を動作させるための要件を変更した何かが変更されたかどうかを誰かが知っていますか？

ありがとう！

編集

「localhost」設定の外でこれを再試行しました。これは私のHTMLです：

<!DOCTYPE html>
<html lang="en" manifest="/experiments/cache.manifest">
    <head>
        <meta charset="utf-8"/>
        <title>cache.manifest test</title>
        <link rel="stylesheet" href="cache-manifest-test.css"/>
        <link rel="apple-touch-icon" href="icon.png"/>
    </head>
    <body>
        <h1>cache.manifest</h1>
        <p>Let's see if this thing works...</p>
        <script src="cache-manifest-test.js"></script>
    </body>
</html>

そして、これは私のcache.manifestファイルの内容です：

CACHE MANIFEST
cache-manifest-test.css
cache-manifest-test.js

Chromeの開発者ツールで適切な結果が得られます。「ApplicationCacheCachedイベント」が発生します。オフラインでは機能しません。私は本当にここで困惑しています...

サーバーにコピーして試すことができる本格的なコードを含むページを知っている人はいますか？

ありがとう...

4

1 に答える 1

0

Chrome から投稿したメッセージは、ページが localhost から提供されたときのものです。

localhost ではなくサーバーを使用して Chrome で動作することを確認します。

そうでない場合はtext/cache-manifest、サーバー上の appcache に正しいタイプ ( ) を提供していることを確認してください。

サーバーではなく localhost で正しいタイプを提供している場合、それは異なる動作を説明します。

また、iPad ではファイルの名前を「cache.manifest」にする必要があると読みました。他の名前を付けている場合は、それを試してください。

于 2011-08-24T14:08:20.297 に答える