如何确保显示最新版本的静态网站?

Cod*_*ity 3 javascript jquery html5 css3 web-deployment

我知道作为用户自己,我可以点击'F5'来确保,或清除我的缓存等.

我只是想知道从网页设计师的角度来看是否有任何可以使这更"自动"的东西,因为许多用户可能不知道这样做.

对于动态站点,这可以通过服务器端"魔术"来完成.

似乎对类似问题的一些答案意味着以某种方式编辑.htaccess,所以我打算对此进行调查.但是,如果任何人有一个"快速提示"或代码片段,将适用于静态网站,那将是很好的.

该网站上使用的唯一PHP是联系表单,因此它可以自动发送电子邮件.网站的其余部分只是图片,文字等.

Mar*_*.io 8

您无法使用某种JS解决方案清除缓存,但您可以做的是,每次对您的网站进行新的部署/更新时,都会在您的css/js末尾添加假的版本/ etc号.

例如:

main.css?v=1.5
myCode.js?v=123
Run Code Online (Sandbox Code Playgroud)

下次更新时,只需稍微更改一下:main.css?v=1.51当用户再次访问您的网站时,由于URL不同,它会自动重新加载,确保他们使用最新的样式表.