html - HTML5 アプリ キャッシュで CDN ファイルを使用する

Question

Chrome は基本的に、index.html で指定した CDN ファイル (jQuery、AngularJS) を取得できません。CACHE: ディレクティブの下に置くことができないためです (それらは私のドメインにありません)。

CACHE MANIFEST
# v1.0.7

CACHE:
/partials/account_items.html

アプリ キャッシュだけでなく CDN ファイルも使用して Web アプリを機能させるにはどうすればよいですか?

Answer 1

アプリケーション キャッシュの一部である必要がある CDN コンテンツには、/ の代わりに // を使用します。たとえば、現在のプロジェクトでは fontawesome.io と jquery を使用しています。

CACHE:
//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0
//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

Answer 2

私があなたを正しく理解しているなら、あなたはネットワークセクションを必要とし、jquery/angularJSが保存されているドメインを追加します。

たとえば、angularJSとJQueryの両方がajax.googleapis.comでホストされています。それが使用しているCDNであると仮定して、そのホストをキャッシュマニフェストのネットワークセクションに追加するだけです。

NETWORK:
http://ajax.googleapis.com

私はhttp://gregsramblings.com/2012/05/28/html5-application-cache-how-to/でアプリキャッシュのこれと他の側面についてブログを書きました

グレッグ