虽然您可以并且应该使用 CDN 来交付Bootstrap和font-awesome,但您也可以通过附加http:
到您从bootstrapcdn.com引用的链接直接下载它们
默认情况下将文件存储在本地
在您的情况下,访问以下 URL 将允许您在本地下载/存储它们(取决于您的操作系统、下载方法和所需的 bootstrap/font-awesome 版本):
http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css
http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css /font-awesome.css
然后,您可以将它们存储在本地目录中(在需要时重命名它们):
<link href="/path/to/assets/bootstrap-2.3.2.css" rel="stylesheet">
<link href="/path/to/assets/font-awesome-3.2.1.css" rel="stylesheet">
有条件的资源加载
鉴于您希望能够在本地以及在暂存/生产环境中进行开发,有许多 JS 库可以让您系统地检查外部资源是否可用,如果没有,则默认使用本地版本.
例如,您可以通过以下方式使用像yepnopejs(无从属关系)这样的库:
yepnope([{
load: 'http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css',
complete: function () {
if (!window.jQuery) {
yepnope('path/to/css/font-awesome-3.2.1.css');
}
}
}]);
还有其他类似的库,但yepnopejs效果特别好。您可以编写自己的 JS 加载器,也可以使用除 Javascript 之外的脚本/编程语言来实现相同的结果。
开发应该是可移植的,有条件的资源加载提供了实现它的方法。