php - css 和 js 文件正在被 iframe 缓存

Question

我正在使用一个名为 facebox 的 jquery 插件。它工作得很好，但我面临!有问题。看起来它的 iframe 方法导致我的浏览器缓存正在加载到目标页面中的 css。

这就是我在 jquery 就绪状态下在我的页面中调用它的方式。

$('a.participate').click( function(){
            $.facebox({
                iframe: '" . $urlparticipate . "',
                rev: 'iframe|550|550'
            });
            return false ;
        });

其中 $urlparticipate 是将在 iframe 中打开的 url。我仔细查看了 facebox.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 代码，但它仍在加载旧代码。

我还尝试了以下方法:

1. 在head前端的目标页面中添加

   meta http-equiv="缓存控制"content="无缓存"

   meta http-equiv="Pragma"content="no-cache"

   meta http-equiv="Expires"content="0"

2. 我尝试从后面的代码 (php) 添加一些 header

   header("缓存控制:无缓存");

   header("Pragma: no-cache");

一切都没有成功..我错过了什么？

Answer 1

您始终可以尝试对页面上的 CSS 引用进行“版本控制”。有好的和不太好的方法可以做到这一点:使用一个单一的静态版本号，您每次进行更改时附加，或者随机生成的 GUID，这将有效地强制每个请求到页面以检索 CSS 文件(秒)。更好的选择是静态的，像这样:

<link type="text/css" rel="stylesheet" href="cssfile.css?1.12" />