html5设置不缓存
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
在HTML5中，可以通过设置HTTP响应头来防止页面被缓存。这可以在服务器端配置，也可以在HTML文档中使用JavaScript来实现。
服务器端设置（例如，在Apache的.htaccess文件中或者Nginx配置中）:
<FilesMatch "\.(html|htm|js|css)$">
FileETag None
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</FilesMatch>或者，如果你想在HTML文档内部设置，可以使用JavaScript来修改meta标签：
<!DOCTYPE html>
<html>
<head>
<title>不缓存的页面</title>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<script>
(function() {
if ('cache' in window.performance.getEntriesByType('navigation')[0]) {
window.location.reload(); // 强制刷新页面
}
})();
</script>
</head>
<body>
<p>这个页面设置为不缓存。</p>
</body>
</html>请注意，这些方法不是HTML5的一部分，而是HTTP协议的标准方式来控制缓存行为。在实际应用中，你可能需要根据具体的服务器配置和需求选择合适的方法。
评论已关闭