javascript - CSS 未在 Chrome 上加载 - 缓存问题

标签 javascript html css google-chrome caching

<分区>

我有一个网站,考虑用户使用它的情况。我使用新的 CSS 将新代码推送到生产环境中。考虑用户关闭浏览器并打开并再次来到同一页面的情况,他们仍然在这里使用旧的 css。因此页面无法正常显示。

我如何确保新的 css 也正在加载。它不适用于 chrome,它适用于 mozilla。当我按 ctrl+F5 时,它起作用了。但是用户不会刷新缓存的权利。即使我关闭浏览器并再次打开,它也是旧的 css,除非我删除缓存/cookie。

谁能帮我解决这个问题。

最佳答案

解决此问题的技术称为缓存破坏。一种简单的缓存清除方法是在文件名的末尾附加一个唯一的字符串,以便它在浏览器或缓存它的实体中显示为一个新文件。

这是更多技术的链接:

Cache busting techniques

关于javascript - CSS 未在 Chrome 上加载 - 缓存问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46351493/

相关文章:

jquery - 物化 CSS : Getting accordian to work when set on top of parallax

html - CSS 实现类似的固定 float div,它总是位于其他 div 之上——就像 stackoverflow 一样?

jquery - 使用 Select2 包裹选定的文本

javascript - 如何在 Javascript 中动态插入和访问对象内的对象?

javascript - 如何检查图像是否已加载到 Vue/Nuxt 中?

javascript - 我如何使用 particles.js 进行 react

jquery - 我的 css 转换搜索框不工作

javascript - 重试失败的 Mocha 测试

javascript - jQuery Mobile 中的空控制组

css - Grails 插件 compass-sass 不适用于 grails 版本 2.3.5