我很难让响应的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域设置,并将我的<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的本地Dev环境中工作得很好,但是在Live环境中,这个Respond.js CDN/X域设置不起作用。它可能与添加到CDN资产中的缓存破坏查询字符串有关吗?为什么当所有资产都来自同一个域时,我的原始示例不起作用?
编辑: 下面是在IE8中抛出的错误
发布于 2013-02-18 13:52:32
此问题是由包含查询字符串(respond-proxy.html?2013012401)的respond-proxy.html文件引用引起的。从此文件中删除查询字符串将导致上述实现正常工作。
https://stackoverflow.com/questions/14564079
复制相似问题