如何强制重新加载缓存的 HTML 文件

时间:2021-01-08 21:46:09

标签: javascript html css caching reload

我有一个带有 css 和 html 的简单网站,每次我上传新内容都需要几天时间才能刷新。是否有一行代码强制浏览器重新加载我的代码?我有一个 pdf 链接,它每周都在变化。我不知道是强制整个代码还是只强制pdf链接。 谢谢

3 个答案:

答案 0 :(得分:1)

您可以向静态文件添加参数,例如:

<script src="your-source-here.js?v=34535" />

其他文件也是如此。

有关更高级的解决方案: How to force the browser to reload cached CSS and JavaScript files

答案 1 :(得分:1)

使用 CTRL + SHIFT + R 重新加载

chrome 所做的是,当您加载页面时,它会加载外部脚本。第一次加载脚本时,它会缓存它,这样它就不必每次都加载它。要清除缓存,请使用 CTRL SHIFT R

看看这个: Clear the cache in JavaScript

答案 2 :(得分:1)

请查看以下链接:How do we control web page caching, across all browsers?

有不同的方法可以做到这一点:

如果要使用 htaccess 文件,请向其中添加以下行:

<IfModule mod_headers.c>
  Header set Cache-Control "no-cache, no-store, must-revalidate"
  Header set Pragma "no-cache"
  Header set Expires 0
</IfModule>

如果您只想在主 html 文件中执行此操作,请将以下内容添加到 head 标记中:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

希望我的回答对您有所帮助。

相关问题