强制Web浏览器识别跨站点的更新图形

时间:2014-11-20 00:57:05

标签: html css browser refresh stylesheet

问题:如果我更改了我的CSS样式表,Web浏览器会使用之前访问过的缓存样式表。用户通常不刷新,因此不会应用更改。此外,如果我更新背景图形图像(例如.gif)并上传该图像,则用户的Web浏览器会从缓存中提取相同名称的图像,即使它是新图像。我已经能够在css样式表上的每个图像名称的末尾使用?ver = 1.0等,以及在某些页面的标题中...但是,更改100s web的标题是不谨慎的每次更新工作表时都会显示页面。我可以理解为每个图像(只有一张)更改工作表,但不是每个网页。有什么方法可以强制用户Web浏览器识别整个网站上的这些更改,因此会加载新的图形和更新。 (如果我只更改一个页面上的标题,那么一旦用户转到另一个页面,缓存就会拉出旧的css。还要注意,我不能在每个页面上都有相同的标题,因为它有太多的多样性在网站上。)非常感谢任何帮助!

(或者,浏览器最终会注意到这些变化吗?在什么时间段内?)

以下评论后更新:

被叫主持人......显然我可以通过域名顶层的htaccess做到这一点......?需要看...

2 个答案:

答案 0 :(得分:0)

您可以添加带增量编号的查询字符串,即。 HREF = “style.css文件?ver1.123” 看看csstutorial.net/2013/07/how-can-you-be-sure-the-latest-css-stylesheet-is-loaded-by-the-browser/

答案 1 :(得分:0)

您需要在htaccess文件中设置过期标头。

这是一篇很好的总结文章: http://www.paulund.co.uk/set-expire-headers-in-htaccess