Respond.js(IE8,Bootstrap 3)适用于localhost,但不适用于生产

时间:2014-11-04 19:50:39

标签: internet-explorer-8 twitter-bootstrap-3 amazon-cloudfront respond.js

我已经浏览了所有其他的IE8 / Respond.js问题,但到目前为止还没有运气。

当我在IE8模拟器中的localhost上测试时,我得到了与生产相同的错误,但尽管如此,Respond也能正常工作。首先我们看到一个破碎的页面,然后Bootstrap的网格到位,一切都很好。然而,在生产中它仍然破碎。

我得到的错误来自respond-proxy.html文件,第46行(ajax):权限被拒绝

这是我在我的基本html文件中得到的:

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

{# <!-- Respond.js proxy on external server -->#}
<link href="https://maxcdn.bootstrapcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />

{# <!-- Respond.js redirect location on local server -->#}
    <link href="{% static "img/respond.proxy.gif" %}" id="respond-redirect" rel="respond-redirect" />

{# <!-- Respond.js proxy script on local server -->#}
    <script src="{% static "js/respond.proxy.js" %}"></script>

<![endif]-->

我试过移动它(头部末端,身体末端等),但似乎没有任何东西在生产中起作用。 我们在S3(CloudFront)上托管我们的静态文件。我们从这里复制了CORS配置:https://github.com/scottjehl/Respond/issues/152

我还尝试将respond-proxy.html复制到与我们的静态文件一起托管的文件中,但仍然得到相同的&#34; Permission denied&#34;错误。

任何解决方案,变通方法,提示和建议都非常受欢迎。

编辑:我也尝试了一些替代品,比如css3-mediaqueries-js,但这根本不起作用。

0 个答案:

没有答案