前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自动切换无法加载的静态资源,预防 CDN 挂掉后网站故障

自动切换无法加载的静态资源,预防 CDN 挂掉后网站故障

原创
作者头像
Yangsh888
发布2022-03-23 15:47:41
1.2K0
发布2022-03-23 15:47:41
举报
文章被收录于专栏:Yangsh888的专栏Yangsh888的专栏

使用静态的 CDN 引入 jQuery 等一些 js 包,可以会提升网页性能。一旦引入的 CDN 地址挂掉,项目则会同样挂掉,因此我们需要在引入时,添加一个判断。

示例一:

代码语言:javascript
复制
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
(function(){
 window.jQuery || document.write('<script src="/Public/static/js/jquery-2.1.4.min.js"><\/script>');
})();
</script>

示例二:

代码语言:javascript
复制
<script src="//cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
<script>
   if (!window.jQuery) {
    var script = document.createElement('script');
    script.src = "/js/jquery.min.js";
    document.body.appendChild(script);
}
</script>

这段代码第一行很简单就是你正常引入 cdn 的地址,下面一行的话就是首先判断 Windows.jQuery 是否存在。也就是说判断一下这个 CDN 是不是挂掉了,如果没有挂掉,那么就直接使用,如果挂掉了,那么就要在后面引入自己的本地资源库。

这样就可以保证在可以使用 cdn 的时候,如果 cdn 不可以使用,就加载本地的资源。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档