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

标签 javascript jquery html css web-deployment

我知道作为一个用户,我可以直接点击“F5”来确定,或者清除我的缓存等等。

我只是想知道,从网页设计师的 Angular 来看,是否有什么可以使它更“自动化”,因为许多用户可能不知道这样做。

对于动态网站,这可以通过服务器端的“魔法”来完成。

似乎类似问题的某些答案暗示以某种方式编辑 .htaccess,因此我将对此进行调查。但是,如果有人有适用于静态站点的“快速提示”或代码片段,那就太好了。

网站上唯一使用的 PHP 用于联系表格,因此它可以自动发送电子邮件。站点的其余部分只是图像、文本等。

最佳答案

您无法使用某种 JS 解决方案清除缓存,但您可以做的是,在您网站的每次新部署/更新时,添加一个假版本/等编号到你的 css/js 结束。

例如:

main.css?v=1.5
myCode.js?v=123

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

关于javascript - 如何确保显示最新版本的静态网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14125800/

相关文章:

python - 使用lxml从html中提取属性

javascript - 用数组行数据填充 div 内容,通过单击按钮选择 - 只返回最后一行

javascript - 如何通过异步等待在严格模式下正确使用集合

javascript - 错误 : "Unexpected token ' {'. Import call expects exactly one argument" when trying to import functions from a script

javascript - jQuery 中的空输入框 onclick

php - 如何实现像 Pinterest 这样的动态图像高度?

Javascript 正则表达式拆分

javascript - 使用 Javascript/jQuery 持续返回 ajax 结果?

jquery - Bootstrap 3折叠菜单不会在点击时关闭

javascript - HTML - 选择本地路径来移动文件