javascript - 直到在 firefox 中刷新后图像和 jquery 才加载

Question

我在清除缓存后第一次访问我的网站(来自 spring 应用程序的 jsp 页面)时，图像和样式没有应用，但是当我刷新(ctrl-r)时，一切都完美加载。

图像和我的(非 cdn)js 的 Firefox 控制台输出:

HTTP/1.1 404 Not Found

它找不到的资源是我服务器上的所有 javascript、css、图像 - jquery dl 正在工作。

每次使用firefox我都可以复制:清除缓存访问站点，它失败了。然后重新加载它就可以工作了。 chrome 和 ie 却不是这样，它们似乎工作正常。

澄清一下，它无法加载存储在我的服务器上的 javascript 和图像。然而，引用显然是正确的，因为它每次刷新同一页面时都能完美加载......在相关的 jpg 和 js 被放入本地缓存之后？

Answer 1

这可能对某人有帮助。

我们遇到了类似的问题:在对网站进行完整的重新设计后，我们注意到在 Firefox 和 IE 中，当您第一次出现在页面上时，CSS 样式没有被应用。然而 Firebug 显示它们已被下载，我们也没有错误。但是，在刷新后，样式已正确应用和呈现。

解决方案:尽管网站重新设计是全新的，但出于习惯我们的文件结构和命名是一致的。因此，我们的新样式表代码与旧站点完全不同，但具有完全相同的文件名和文件夹位置……浏览器试图在第一次加载时使用 CSS 的旧缓存副本，但是在刷新时被强制使用最新的。

结果:我们更改了新的 css 样式名称，一切都已修复。这一点很重要，因为我们有回头客，他们肯定遇到了同样的问题……而且大多数人都没有……嗯嗯“聪明”到当网站加载异常时点击刷新，他们就离开了。