CSS 和 JS 文件正在由 iframe 缓存
css and js files are being cached by the iframe
我正在使用一个名为facebox的jquery插件。效果很好,但我面对!有问题。看起来它的 iframe 方法导致我的浏览器占用了目标页面中加载的 css。
这就是我在 jquery 就绪状态下在我的页面中调用它的方式。
$('a.participate').click( function(){
$.facebox({
iframe: '" . $urlparticipate . "',
rev: 'iframe|550|550'
});
return false ;
});
其中$urlparticipate 是将在 iframe 中打开的 URL。我在面框中仔细观察.js我发现了以下方法,插件似乎使用它来创建 iframe。
function fillFaceboxFromIframe(href, klass, height, width) {
$.facebox.reveal('<iframe scrolling="auto" marginwidth="0" width="'+width+'" height="' + height + '" frameborder="0" src="' + href + '" marginheight="0"></iframe>', klass)
}
如何防止 css 被缓存?我知道它正在被缓存,因为我更改了元素的 css 样式。我什至更改了一些正在加载的js代码,并且仍在加载旧代码。
我还尝试了以下方法:
在头部前端添加目标页面
meta http-equiv="Cache-control" content="no-cache"
meta http-equiv="Pragma" content="no-cache"
meta http-equiv="Expires" content="0"
我尝试从代码隐藏(php)添加一些标头
标头("缓存控制:无缓存");
标头("Pragma: no-cache");
一切都没有成功..我错过了什么?
您可以随时尝试对页面上的 CSS 引用进行"版本控制"。有好的和不太好的方法可以做到这一点:每次进行更改时都附加单个静态版本号,或者随机生成的 GUID,这将有效地强制对页面的每个请求检索 CSS 文件。更好的选择是静态的,如下所示:
<link type="text/css" rel="stylesheet" href="cssfile.css?1.12" />
尝试抛出带有 CSS 文件名(通常是版本号)的 var,以便浏览器无法缓存它。类似 foo.css?ver=bar
相关文章:
- 防止Iframe窗体在新窗口中打开
- 将样式表插入iframe
- 在Twitter上用ie9中的空白src访问iframe的contentWindow
- 如何在从浏览缓存加载页面时执行javascript
- 使用jQuery从原始页面内容创建iframe
- Highslide(iframe的侦听器)
- iframe正在添加标签,需要删除它们
- 通过javascript/html访问twitter共享iframe
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 如何使用Angular动态添加iframe-src
- 由于iframe导致的问题
- CSS 和 JS 文件正在由 iframe 缓存
- 空的IFRAME是如何导致缓存破坏的
- 从缓存中重新加载iframe
- Firefox正在动态iframe中加载缓存
- IE8将动态iframe内容从缓存重新加载到错误的iframe中
- 在iframe中加载url时清除url缓存
- 如何在考虑缓存的情况下惰性加载iframe
- 使用javascript将时间戳添加到iframe中的src(防止缓存)
- 如何触发清除 iframe 父页面的缓存