在页面加载时清除浏览器缓存可以通过以下几种方法实现:
<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">
这些meta标签会告诉浏览器不要缓存页面内容,每次加载都从服务器重新获取。
<script>
var randomParam = new Date().getTime();
var url = "http://example.com/page?param=" + randomParam;
window.location.href = url;
</script>
这样每次加载页面时,URL都会带上一个不同的随机参数,浏览器会认为是一个新的请求,从而不会使用缓存。
<?php
header("Cache-Control: no-cache, no-store, must-revalidate");
header("Pragma: no-cache");
header("Expires: 0");
?>
这样服务器在响应页面请求时会设置相应的头部信息,告诉浏览器不要缓存页面内容。
window.addEventListener("load", function() {
if (window.performance && window.performance.navigation.type === window.performance.navigation.TYPE_NAVIGATE) {
// 清除缓存
if (window.performance && window.performance.clearResourceTimings) {
window.performance.clearResourceTimings();
}
}
});
这段代码会在页面加载完成后执行,判断是否是页面导航操作,如果是,则清除浏览器缓存。
以上是几种常见的方法来在页面加载时清除浏览器缓存。根据具体的需求和场景选择适合的方法即可。
领取专属 10元无门槛券
手把手带您无忧上云