由于浏览器缓存，HTML 和 CSS 不会在线更新

我为一家小公司运营一个网站。这些网站主要包含文本和图像。每当我通过替换图像或更新 CSS 来更新网站时，它不会在其他人的浏览器上更新，因为它已被缓存。我找到了一种方法来解决这个问题，方法是在链接样式表的地方添加版本号，但是，这不适用于图像。解决这个问题最简单的方法是什么？

我在网络和 stackoverflow 上做了很多研究，但它们都是复杂的解决方案。一定有更好的方法。

需要明确的是，我知道我可以清除浏览器中的缓存。我正在寻找一种适合所有访问我网站的人的解决方案。

最佳答案

您可以添加这些元标记，它将强制页面在每次重新加载时从服务器重新加载。但是，您应该意识到这可能会导致您和您的用户使用更多的数据。

<meta http-equiv=“Pragma” content=”no-cache”>
<meta http-equiv=“Expires” content=”-1″>
<meta http-equiv=“CACHE-CONTROL” content=”NO-CACHE”>

如果您的 html 页面上有重新加载链接或按钮，您可以添加此属性以强制从服务器重新加载。 “true”参数强制完全重新加载而不是缓存重新加载。

onClick="location.reload(true);"

关于由于浏览器缓存，HTML 和 CSS 不会在线更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54555550/