2013-04-18 10 views
5

CDNのjsファイルとcssファイルを使用しています。CDNが動作しない場合にローカルファイルを読み込む方法

Googleで、CDNが機能していない場合にローカルデータを読み込む方法を検索しました。

私はこの

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <script type="text/javascript"> 
      if (typeof jQuery == 'undefined') { 
       document.write(unescape("%3Cscript src='JS/Plugins/jquery-1.8.2.min.js' type='text/javascript'%3E%3C/script%3E")); 
      } 
     </script> 

はいその作業のように書かれて良いのリンクを発見したが、その後、私はその、ローカルからのダウンロードではない、その後、別のCDNネットワークのために試してみました。 CDNが動作していない場合、私のページにエラーが表示されています。そのjsファイルがないため、ページが正常に動作していません。 手段:CDN上で動作していないときに、ローカルjquery.min.jsがダウンロードされていない上記の場合

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> 
<script type="text/javascript"> 
    if (typeof jQuery == 'undefined') { 
     document.write(unescape("%3Cscript src='Include/JS/JqueryPlugin/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); 
    } 
</script> 

同様にCSS(Googleで検索され、良い解決策は見つかりませんでした)の操作方法。

CDNが動作していないことを知り、ローカルからそれぞれのファイルをダウンロードする方法。

あなたは下にこのスクリプトを使用することができ、事前に

おかげ

+2

これはCDNの問題ではありません。 2つの異なるローカルパスがあります。 – ahren

+0

私は2つのローカルパスを書いていますが、好きにしたいです 例:x cdnが動作していない場合、x.localだけがダウンロードされます。 2 cdn jsが機能していない場合は、ダウンロードしないでください。 これを行う方法 – user1926138

答えて

7

を助けてください:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> window.jQuery || document.write('<script src="/scripts/jquery.1.9.1.min.js"><\/script>')</script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<script> window.jQuery.ui || document.write('<script src="/scripts/jquery-ui.min.js"><\/script>')</script> 

ホープ便利!

+0

jQueryとjQuery UI以外のスクリプトの使用方法は? –

+0

@ AbhinandanN.M。自由に質問を開くことができます。しかし、同じロジックです。ロードされたスクリプトは、何かをウィンドウに割り当てるか、存在するかどうかを確認できる変数を作成する必要があります。 – FrEaKmAn

0

これは、コードを変更せずにDNS設定によって達成できます。

基本的には、CDNとオリジンサーバー間のフェールオーバーを試みています。 CDNが失敗すると、要求はオリジンサーバーにフェールオーバーされます。 1つのオプションは、プライマリからCDN CNAMEへのDNSレベルのフェイルオーバーを使用し、元のサーバーのホスト名にバックアップすることです。

また、CDNとオリジンサーバーのDNS設定にhealthcheckも含めます。 CDNのヘルスチェックが失敗すると、DNSはオリジンサーバーにフェールオーバーし、そこから静的ファイルを自動的に配信します。

関連する問題