page-refresh - 硬刷新网站设计

Question

我正在开发一个网站，但每次我做一个小的更改时，我都必须执行一次硬刷新才能看到更改。

这里明显的问题是用户可能永远不会进行硬刷新，因此他/她不会立即看到效果。另外，有时当我更改样式表时，如果没有硬刷新，网站看起来就像一团糟。

我能做些什么？

Answer 1

您可以通过添加缓存控制元标记来强制页面不缓存：

<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

您还可以通过添加版本获取参数来防止缓存样式表：

<link rel="stylesheet" href="mystyles.css?v=1" type="text/css" />

增加版本号以强制加载新版本。

Answer 2

那么，您的设计（外部样式表？）的变化不会立即显示出来吗？

这可能与浏览器缓存有关。您的文件已被缓存，这是一件好事。如果要使缓存无效，可以向外部文件添加一个参数，如下所示：

<link rel="stylesheet" type="text/css" href="http://sstatic.net/stackoverflow/all.css**?v=f023310c4326**">

这个很棒的软件的开发人员知道这一切。