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

如果我对您的理解正确，您需要一个 NETWORK 部分并添加存储 jquery/angularJS 的域。

例如 - angularJS 和 JQuery 都托管在 ajax.googleapis.com 上。假设这是您使用的 CDN，只需将该主机添加到缓存清单的 NETWORK 部分：

NETWORK:
http://ajax.googleapis.com

我在http://gregsramblings.com/2012/05/28/html5-application-cache-how-to/上写了关于应用缓存的这个和其他方面的博客

格雷格