html - 自动刷新新网站

Question

网站通常存储在浏览器缓存中。当网站进行重新设计或全新设计时，有时“旧”网站仍存储在浏览器中。当您在网上商店有很多回头客时，大多数人不知道按 F5 会刷新页面/缓存。

设计师/程序员如何处理这个问题？

Answer 1

一种典型的技术是在 JS 和 CSS 文件 URL 的末尾添加一些字符串，例如“?version=1.2.3”。这样只有特定版本的文件在缓存中，当版本号改变时，浏览器知道请求一个新文件。

Answer 2

以下是谷歌的一些提示

https://developers.google.com/speed/docs/best-practices/caching?csw=1

我一直在做的就是尽可能的外部化，重新设计后更改外部文件的名称。

Answer 3

尝试在你的 head 标签中使用它来强制浏览器不缓存：

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1985 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

或通过 htaccess：

<ifModule mod_headers.c>
   ExpiresActive On
   <filesMatch ".(gif|png|jpg|jpeg|ico|pdf|js|htm|html|txt)$">
     Header set Cache-Control "max-age=172800"
   </filesMatch>
</ifModule>

http://www.askapache.com/htaccess/speed-up-sites-with-htaccess-caching.html

更新： 你可以玩max-age ..

0 = 从不缓存

7200 = 2 小时

172800 = 2 天

.. 等等等等