2015-10-25 4 views
10

私はAppcacheマニフェストをテストしようとしています:私のappcacheマニフェストテストで何が問題になっていますか?

<?php 

// reference: http://diveintohtml5.info/offline.html 

header("Content-Type: text/cache-manifest"); 
header("Cache-Control: max-age=0, private, must-revalidate"); 

?>CACHE MANIFEST 

# todo 

/cachetest/tryme/vid/missouristate 

は今、このネットワークインスペクタで右のヘッダを持っているように見えますし、HTMLファイルの先頭ににリンクされている:

<!DOCTYPE html> 
<html manifest="/cachetest/cache.manifest/index.php" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 

しかし、これが実際に働いているという証拠はありません。それが働いていた場合は、そのファイル内のネットワーク*の設定があった場合を除きhereを説明するように、それは、他の項目を表示しないでください。

最後に、ネットワークセクションを調べてみましょう。 このネットワークマニフェストのネットワークセクションには、単一の文字列( )が1行だけ含まれています。この文字は、 ネットワークセクションで特別な意味を持ちます。 がインターネットに接続されている限り、 のアプリケーションにないものは、元のWebアドレスからダウンロードできます。これは、オフラインのウェブアプリケーションの「開放型」 にとって重要です。これは、この をオンラインで閲覧している間に、 が別のドメインに属していても、 の画像と動画、その他の埋め込みリソースを通常どおりに取得することを意味します。 (大規模なWebサイトでは、 がオフラインのWebアプリケーションの一部ではなくても、HTMLページは で生成されローカル配信されますが、画像とビデオは から別のドメインのCDNに配信されます)。私たちの仮説の オフライン対応Wikipediaは、オンライン時には - 特に、外部からホストされた画像や の動画はロードされませんでした。

これはオフラインで動作する類似のWebアプリケーションのようですが、ブラウザに認識させるためにlocalhostまたはlocal-ipにhttpsを設定する必要があるのだろうかと思います。

Serviceworkerがhttpsを必要とするため、最近Appcacheについてhttpsが必要なことを覚えています。最新のブラウザでこれを動作させるには、テスト環境でセットアップする必要がありますか? about:configをplain httpで使用するように変更することはできますか?あるいは私は何か他のものを逃していますか

+2

Downvotedなぜですか? MDNは廃止予定だと言っているので?しかし、それはブラウザによってサポートされています。 – NoBugs

+2

私はdownvoterではありませんが、私はあなたが "これは動作している証拠がない"または "それは他のアイテムを表示すべきではない"という意味を理解していません。私はあなたのコードを試したときに、ブラウザがHTMLを取得し、マニフェストを取得し、リソースを取得し、指定されたマニフェストを再度確認してください。 applicationCache.statusには0の代わりに1と表示され、キャッシュが機能していることを示します。すべてhttpsなし。あなたはそれがどのように機能すると思いますか? – Sheepy

+0

@Sheepy申し訳ありませんが私は明確ではなかった、私はその部分を明確にする必要が私が読んでいたドキュメントからの引用を含めている。 – NoBugs

答えて

0

あなたは間違ったことはしていません。

FirefoxではAppcacheが動作しません。(少なくともFirefox 42.0の私にとっては)

しかし、それはChromeで動作します(46.0.2490.86(最新)を試しました)。

いくつかのテストページ:
http://appcache-demo.s3-website-us-east-1.amazonaws.com/without-network/

http://appcache-demo.s3-website-us-east-1.amazonaws.com/with-network/

http://appcache-demo.s3-website-us-east-1.amazonaws.com/offline-iframe/

そしてもちろん、あなたがあなた自身の空のキャッシュマニフェストファイルを作ることができますし、自分の目で確かめてください。

テストページの

幸運

出典: http://alistapart.com/article/application-cache-is-a-douchebag

+0

本当ですか?それはうまくいくはずです。 https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache#Browser_compatibility – NoBugs

+0

オーバードライブメディアのオフラインライブラリブックリーダーはFirefoxで動作し、 ' '.manifestファイルタイプは、PHPを(例えば).manifestファイルを提供するために特別なhtaccessまたはサーバ設定をセットアップする必要があるということですか? – NoBugs

+0

はい、それは 'Content-Type:text/cache-manifest'を書くもう一つの方法です。私はApacheの.htaccessで' AddType text/cache-manifest .appcache'を追加し、 'AddType text/cache-manifest .manifest'を実行しますが、Firefoxはそのファイルの内容を気にせず、必要なものはすべてキャッシュしますが、同じ設定は何も変更せずにChromeで機能します。 –

関連する問題