将CDN文件与HTML5应用缓存一起使用

时间:2012-08-07 02:54:57

标签: html html5

Chrome基本上无法检索我在index.html中指定的任何CDN文件(jQuery,AngularJS),因为我不能在CACHE:指令下使用它们(它们不在我的域中)。

CACHE MANIFEST
# v1.0.7

CACHE:
/partials/account_items.html

如何使用应用缓存以及CDN文件使我的网络应用运行?

2 个答案:

答案 0 :(得分:4)

我使用//代替/用于应该属于应用程序缓存的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

答案 1 :(得分: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/

上发布了关于app缓存的这个和其他方面的博文

格雷格