RespondのCDN/Xドメインセットアップを機能させるのに問題があります。
私はCDNからすべてのアセットを提供することから始めました:
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
すべてのアセットが同じドメインから提供されているため、理論的にはこれで機能するはずです。ただし、IE8はメディアクエリのサポートを適切に受けていませんでした。そこで、RespondのCDN / X-Domain Setupを調査し、<head>
セクションを次のように修正しました。
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
<link href="http://cdn.example.com/respond-proxy.html?2013012401" id="respond-proxy" rel="respond-proxy">
<link href="http://cdn.example.com/img/respond.proxy.gif?2013012401" id="respond-redirect" rel="respond-redirect">
<script src="http://cdn.example.com/js/respond.proxy.js?2013012401"></script>
それも失敗したとき、私はこれに私の<head>
セクションを修正しました:
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
<link href="http://cdn.example.com/respond-proxy.html?2013012401" id="respond-proxy" rel="respond-proxy">
<link href="/img/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="/js/respond.proxy.js"></script>
これを機能させるために他に何を実際に試すことができるかわかりません。CDNを使用していないローカル開発環境では正常に機能しますが、ライブ環境ではこのRespond.js CDN/Xドメインセットアップは機能しません。CDNアセットに追加されたキャッシュバスタークエリ文字列に関連している可能性がありますか?すべてのアセットが同じドメインから提供されているのに、元の例が機能しないのはなぜですか?