我的网站响应。 该博客节使用指向的tumblr的子域,但Respond.js的跨域版本无法正常工作。 我这样做:
<script src="http://www.stevechab.com/scripts/respond.min.js"></script>
<link href="http://www.stevechab.com/scripts/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="http://www.stevechab.com/scripts/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="http://www.stevechab.com/scripts/respond.proxy.js"></script>
我认为问题是,respond.proxy.gif和respond.proxy.js不在blog.stevechab.com ......但不会是打败有Respond.js的跨域版本的目的是什么? 是我的假设正确,还是我失去了一些东西? 是否有变通方法吗?
注:我试过http://www.tumblr.com/themes/upload_static_file ...没有骰子。
引述respond.js
自述:
Respond.js会请求通过AJAX你的CSS的一个副本,因此, 如果您托管在一个CDN(或子域)的样式 ,你需要上传一个代理页面启用跨域通信。
- 我的重点。 跨域版本是为了使您能够处理来自一个比另一个域加载样式表respond.js
正在研究。 在的tumblr的情况下,然而,你必须添加到混合第三域: static.tumblr.com
,你的代理脚本和gif纷纷登陆。 这不可能,也不会,工作。
@Steve CHAB,
有两个原因respond.js&respond.proxy.js不为你工作。
你必须在原始域的响应,proxy.html文件,而该文件应该已经从你的子域(blog.stevechab.com)或任何其他外部域服务。
似乎是与respond.js错误与相对URL链接到一个CSS文件时/ respond.proxy.js。 为了解决这个问题,使用绝对URL。 你的主要网站使用相对URL的CSS样式表,和您的博客绝对URL。
- 注:错误是由respond.proxy.js AJAX / XML函数引起
请在下面找到,再叼着工作的标记来获得respond.js与您网站上的工作respond.proxy.js。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.stevechab.com/styles/styles.css">
<!--[if (lt IE 9) & (!IEMobile 7)]>
<link href="//blog.stevechab.com/scripts/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="//www.stevechab.com/scripts/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<![endif]-->
</head>
<body>
<!-- Your content goes here. -->
<!--[if (lt IE 9) & (!IEMobile 7)]>
<script src="//www.stevechab.com/scripts/respond.min.js"></script>
<script src="//www.stevechab.com/scripts/respond.proxy.js"></script>
<![endif]-->
</body>
</html>
- GitHub上Respond.js
- http://github.com/scottjehl/Respond
- Respond.js WordPress插件
- http://wordpress.org/plugins/respondjs/
- Respond.js使用Twitter的引导
- http://getbootstrap.com/getting-started/