css - css 文件更新前延迟
问题描述
我正在使用 Dreamweaver 更新网站。当我上传 style.css 文件时,Safari 和 Chrome 暂时无法识别更改。这就是我正在做的事情。
- 在 Dreamweaver 中编辑
- 使用 Dreamweaver 或 Fetch 上传
- 如果我使用 Fetch 将 style.css 视为服务器上的文本文件,我会看到我的更改,因此它正在上传。
- 我在隐身模式下使用 Safari 和 Chrome,我理解这意味着它不会缓存任何内容,理论上,每次刷新都应该重新加载所有文件。但是,当我使用 web 检查器查看 style.css 时,我看到了旧文件。
- 在 Web Inspector 中,当我查看 style.css 时,我刷新它并没有任何变化。
- 我已经清空了缓存并刷新了。没有什么变化。
- 如果我从我的硬盘驱动器(调用 style.css)文件>打开 index.html 页面,浏览器会显示更改。
问题是 Safari 和 Chrome 无法识别服务器上的更改。我看到一个建议用 href="css/style.css?v={random number/string}" rel="stylesheet" type="text/css" 调用样式表,但这似乎没有帮助。
如果我等待足够长的时间(5-10 分钟),最终情况会得到更新。有没有办法让浏览器即时更新 CSS?
解决方案
浏览器正在缓存 CSS 文件以提高效率,并且不知道已经进行了更改。
您在原始问题中提到的版本控制应该可以解决问题。请记住,每次您希望浏览器重新获取它时,都需要将其更改(任何您想要的)。
<link rel="stylesheet" type="text/css" href="/css/style.css?ver=2.0">
推荐阅读
- workbox - 我无法弄清楚为什么当一条路由的网络出现故障时 Workbox 不从缓存中检索,但适用于所有其他路由?
- python-3.x - Popen什么都不返回
- r - 从邻接矩阵重建二元数据帧的最有效过程是什么?
- sql-server - 出现“函数过程需要未提供的参数”错误,但提供了所有参数
- bash - git apply 错误没有这样的文件或目录
- javascript - 在打开图层中单击图层时的回调
- git - 有没有办法对项目中的每个文件进行“git stash”(不仅仅是更改)?
- reactjs - ShallowWrapper is empty when running test
- arrays - 诉诸阵列
- azure-devops - 上传到 Azure Devops 的所有附件的最大大小是多少?