CSS不会在浏览器中更新

Mor*_*ten -1 css browser-cache

所以我在我的新服务器上遇到了这个非常奇怪的错误,其中CSS不会在浏览器中更新.刷新和清除缓存不起作用.然后我打开FileZilla,看看更新的CSS文件是否实际上是使用FTP上传到服务器,然后当我将css文件的副本拖到我的桌面时,css文件会神奇地更新.PHP文件更新很好.

这是我如何包含CSS: <link rel="stylesheet" type="text/css" href="css/stylesheet.css">

我不知道发生了什么以及如何解决这个问题,所以任何帮助都将不胜感激!

scu*_*ffe 7

您可以遇到任何问题,但我想在使用Chrome时指出一个很酷的提示.

在您的页面上,如果您按住重新加载按钮,打开开发人员工具,您将获得清除缓存和硬重新加载的绝佳选择!

在此输入图像描述

这对于确保您在开发过程中拥有"最新鲜"的副本非常方便.

更新: 至于您的方案(阅读更新后),它听起来像您的CSS文件的HTTP标头问题.

检查与CSS文件响应一起发送的HTTP标头.如果您没有指定缓存标头,它可能会尝试为您缓存.在开发时设置过期标题(过去),但在生产中将来会很远.在开发人员工具(大多数浏览器)的" 网络"选项卡中,您应该能够看到这些标题,或者您可以使用类似于Fiddler的东西来深入检查网络流量.

或者,如果您无法轻松调整HTTP标头,则设置远期过期标头,确保每次进行代码更改时文件的路径都会更改.选项包括:

  • 添加一个time()标记(总是更改(是啊!)但不缓存(boo))
  • 将版本控制#添加到文件URL(效果很好,但您需要在工具中正确管理更新)
  • 更高级的东西,创建一个生成的"假"路径到文件,自动更改文件的任何修改...但也按预期加载URL,并将缓存设置为"永远"(根据HTTP规范最多365天) )