谷歌浏览器不更新网页答案

【问题标题】：Google chrome not updating the webpage谷歌浏览器不更新网页
【发布时间】：2017-11-24 06:40:48
【问题描述】：

谷歌浏览器没有更新网站中的新 CSS。它需要每次清除缓存。我真正担心的是我们不能期望访问者每次访问网站时都清除缓存。任何人都可以提出一些解决方案，只要上传文件进行更改，chrome就会以某种方式加载更新的文件。

【问题讨论】：

每次更改css时增加css版本styles.css?v2
更改版本时进行版本控制。
How to force browser to reload cached CSS/JS files?的可能重复
使用 gulp 或 webpack 或类似工具在每次构建时创建版本，如果问题是系统上的本地问题 - 使用 ctrl+r 刷新页面或使用 lite-server、browser-sync 或类似工具

【解决方案1】：

尝试使用 Ctrl

刷新网页

【讨论】：

【解决方案2】：

假设您有一个外部 CSS 文件，请使用以下内容：

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

添加 ?v=1 将确保下载文件。当您有新版本的 CSS 文件时，增加数字（v=2、v=3 等等）。

【讨论】：

这是一个静态网站。每次更改对 css 进行版本控制都需要更改所有文件中的版本。（大约有 10-15 个 html 文件）。有更好的解决方案吗？
您可以使用 .htaccess 指示 CSS 在特定时间后过期。或者，如果您希望大多数访问者通过索引页面访问该站点，则仅使用版本控制可能涵盖大多数情况。这两种选择都不是 100% 的解决方案。