javascript - 备用 CSS 和 javascript 链接

Question

我想知道如果无法访问 CDN，是否可以提供备用链接。例如，对于 Bootstrap ，提供要从 CDN 下载的标签，如果无法访问，则提供本地存储的 Bootstrap :

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- if cannot be downloaded -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>

我想使用这个模型，因为浏览器缓存 CDN 文件，这样可以通过使用它来提高速度(而且它们的下载时间可能比我的服务器更好)。虽然很少有人通过本地网络连接但没有连接到互联网并且没有这些缓存版本之一，但我想要一个替代方案。这可能吗？

Answer 1

http://eddmann.com/posts/providing-local-js-and-css-resources-for-cdn-fallbacks/

该链接回答了问题的两个部分。

对于您的示例，使用 fallback.js:

HTML:

<link rel="stylesheet" 
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

JS:

cfg({
    "libs": {
        'css$bootstrap': {
            'exports': '.col-xs-12',
            'urls': 'css/bootstrap.min.css'
        },
        'bootstrapjs': {
            'urls': [
                'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js',
                'js/bootstrap.min.js'
            ]
        }        
    }
});

req(function(css$bootstrap, bootstrapjs){ //Everything is loaded });

上面的文章在 fallback.js API 方面似乎有点过时，所以我根据当前状态包含了示例。 https://github.com/dolox/fallback/blob/master/README.md