html - HTTP header - 硬刷新 JavaScript/CSS

Question

我最近向我的网站添加了 HTTP header ，以通知浏览器在每次遇到给定的 JS/CSS URL 时与服务器进行检查。我已经对其进行了测试，并且效果很好；所有浏览器现在都发出有条件的 GET 请求。

但问题是——人们仍然缓存旧的 header ； header 或多或少地告诉浏览器“永远缓存它；不要打扰请求更新!”。这可以通过硬刷新来解决。我不想在我们推出代码后与每个人沟通，请在任何有错误的页面上按 F5。

是否有任何 HTTP header /HTML 元标记我可以放在 HTML 文档本身上说“浏览器，忽略你在 JS/CSS 文件上的 header 并下载所有的最新版本此页面上包含的文件”？

随着越来越多的人清除缓存或学会自行刷新，这个问题最终会自行解决。但是，我宁愿现在就修复它。然后在一个月左右的时间里，我将删除 HTML 级别的 header ，以便在我想要的地方进行缓存——基于每个资源。

编辑:我不想重命名资源或添加查询参数。这就是我们过去使用的(?v=18、?v=19 等)，每次更新资源时增加该数字是一件苦差事。即使以编程方式执行此操作也不是理想的解决方案；特别是现在我们的服务器配置正确。在 HTTP 级别执行此操作更有意义，因此无论您如何访问它，它都可以工作——包括在页面上、直接从地址栏或其他方式。

Answer 1

将参数传递给脚本源，这将强制重新加载脚本...事实上，您可以通过版本或类似的方式来完成

<script src="/test/script/myawesomescript.js?ver=1.0&pwn=yes" ...>

这对其他用户来说是可行的并且是无形的……当您觉得它已经足够长时，请回到旧的方式。但如果您想强制用户刷新，这将起作用。

此方法用于防止某些框架缓存网页。让我知道你是否成功

http://css-tricks.com/can-we-prevent-css-caching/ -- 这是 css 概念的链接(也应该在 js 中工作)-- 最大的区别是你不希望它永远缓存，所以不要使用时间戳，像上面那样使用我的风格 :) 享受吧!