js 清除缓存

// 清除浏览器缓存的几种方式

// 1. 使用 location.reload 强制刷新页面并清除缓存
location.reload(true); // 参数 true 表示强制从服务器获取资源，而不是使用缓存

// 2. 使用 Cache API 清除指定缓存
if ('caches' in window) {
    caches.keys().then(function(cacheNames) {
        cacheNames.forEach(function(cacheName) {
            caches.delete(cacheName);
        });
    });
}

// 3. 清除 localStorage 和 sessionStorage
localStorage.clear(); // 清除 localStorage 中的所有数据
sessionStorage.clear(); // 清除 sessionStorage 中的所有数据

// 4. 清除 cookies
function clearCookies() {
    var cookies = document.cookie.split("; ");
    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
    }
}
clearCookies(); // 调用函数清除所有 cookies

解释说明：

1. location.reload(true)：强制刷新页面，并且不使用缓存的数据，而是直接从服务器获取最新的资源。
2. Cache API：通过 caches.keys() 获取所有缓存名称，然后逐个删除这些缓存。
3. 清除 localStorage 和 sessionStorage：调用 clear() 方法可以清除存储在 localStorage 和 sessionStorage 中的所有数据。
4. 清除 cookies：通过遍历 document.cookie 并将每个 cookie 的过期时间设置为过去的时间，从而实现清除所有 cookies。