简单检测CDN链接是否有效
生活随笔
收集整理的這篇文章主要介紹了
简单检测CDN链接是否有效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
CDN鏈接經常是使用的。但是,CDN鏈接掛了怎么辦,因此,就要調用使用本站點的庫,那么怎么實現呢?
?
檢測CDN的jquery鏈接是否有效(這種方法比較簡單)
<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> <script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>?
那么,問題來了,假如我要檢測其他CDN呢?如使用bootstrap框架的js與css呢?
?
本人就想了一個比較簡單的方法(不使用requirejs)
... <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> ...<script>//判斷cdn是否有效 $.when(//同步方式發送請求 $.ajax({url: "https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css",async: false}),$.ajax({url: "https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js",async: false})//如果鏈接失效,就寫入本地的鏈接 ).fail(function() {$("link[href='https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css']").after(" < link rel = 'stylesheet' href = 'css/bootstrap.min.css' > ");$("script[src='https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js'").after(" < script type = 'text/javascript' src = 'js/bootstrap.min.js' > < \/script>");});</script>轉載于:https://my.oschina.net/colour10/blog/744062
總結
以上是生活随笔為你收集整理的简单检测CDN链接是否有效的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python leetcode 1
- 下一篇: 【iOS】【项目全局动态埋点】Runti