2011-01-03 8 views
2

私はipadオフラインアプリケーションを作成しました。私はキャッシュのマニフェストを設定しているが、私はオフラインモードでWebページを開くとSafariはインターネット接続が利用できないことを示しています。私はhtmlページで必要とされる3つのファイルすべてをリストアップしました。 HTMLページそのもの、CSSファイル、ロゴ画像。ipad html5インターネット接続エラーを示すオフラインアプリケーション

また、マニフェストファイル名をhtmlタグとhtaccessファイルに設定しました。

私が間違っていることを誰に教えてもらえますか、これをトラブルシューティングする方法を教えてください。

.htmlをコード

<!DOCTYPE HTML> 
<html manifest="/main.manifest"> 
<head> 


<meta name="viewport" content="width=device-width"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

<title>Welcome</title> 
<body> 
thsi is test one 
</body> 
</html> 

マニフェスト

# test1 
CACHE MANIFEST 
/main.html 

事前に感謝します!

+0

htmlとキャッシュマニフェストファイルを投稿できますか? – Jon

+0

私はたくさんのJavaScriptコードを含んでいません。私のサーバーが.htaccess 'AddType text/cache-manifest .manifest'をサポートしているかどうかわかりません。どうすれば確認できますか。 – phpian

答えて

1

Dive into HTML5の指示に従うことをお勧めします。 HTML5オフラインアプリは非常に「気質が悪い」ことがあるため、正確に何かが正しくない場合、すべてが機能しなくなり、有用なエラー情報を取得するのがかなり難しくなります。

デベロッパーツールが実際にはないので、iOSデバイスで試してデバッグするのは非常に難しいです。 Chromeを使ってデバッグするのに成功しました。開発ツール(特にストレージとコンソールのセクション)には、役に立つ情報がたくさんあります。 Chromeで動作しない場合は、何が起こっているのかを簡単に把握できるはずです。 Chromeでは動作しますが、iOS端末では動作しない場合は、Googleでファイルを表示する必要があります。

+0

マニフェストファイル自体に問題があります。キャッシュマニフェストとコメントの配置は適切ではありません。これを逆にしても問題ありません。 – phpian

1

最初の行の文字列から構成されなければならないアプリケーションマニフェストキャッシュの「CACHEのMANIFEST:もしそうなら、あなたの実際のアプリケーションのために確認してくださいあなたは、iPad用のキャッシュマニフェストサイズ制限を超えていません"ファイルの最初の文字は "C"でなければなりません。一方、最初の行にはコメントがあり、それがうまくいきません。

具体:

ストリング「キャッシュ」で構成する必要があり、アプリケーションマニフェストキャッシュ、単一のU + 0020の空白文字、文字列 「マニフェスト」、との最初の行のいずれかのU + 0020スペース文字、U + 000文字コード TABULATION(タブ)文字、U + 000A LINE FEED(LF)文字、または U + 000D CARRIAGE RETURN(CR)文字。最初の行には、任意で の前にU + FEFF BYTE ORDER MARK(BOM)文字を付けることができます。最初の行に他の テキストが見つかった場合は無視されます。

したがって、 "キャッシュのマニフェスト"というフレーズは、最初の非コメント行ではなく、最初の非コメント行ではなく、最初の行でなければなりません。それは最初の行になければなりません。

http://www.w3.org/TR/html5/offline.html#writing-cache-manifests

関連する問題