js 清除浏览器缓存

// 清除浏览器缓存的代码示例

// 方法1：清除当前页面的所有缓存（包括 cookies、localStorage、sessionStorage）
function clearAllCache() {
    // 清除 cookies
    function deleteCookies() {
        let cookies = document.cookie.split("; ");
        for (let i = 0; i < cookies.length; i++) {
            let cookie = cookies[i];
            let eqPos = cookie.indexOf("=");
            let name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
            document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
        }
    }

    // 清除 localStorage
    localStorage.clear();

    // 清除 sessionStorage
    sessionStorage.clear();

    deleteCookies();
}

// 方法2：强制刷新页面，绕过缓存（F5刷新时不会清除缓存，Ctrl + F5会绕过缓存）
location.reload(true);  // true 参数表示绕过缓存，重新从服务器加载资源

// 方法3：使用 Cache API 清除 Service Worker 缓存
if ('caches' in window) {
    caches.keys().then(function(cacheNames) {
        cacheNames.forEach(function(cacheName) {
            caches.delete(cacheName);
        });
    });
}

解释说明：

1. 方法1：clearAllCache() 函数用于清除当前页面的所有缓存，包括 cookies、localStorage 和 sessionStorage。通过遍历并删除所有 cookies，并调用 localStorage.clear() 和 sessionStorage.clear() 来清除存储的数据。

2. 方法2：location.reload(true) 强制刷新页面并绕过浏览器缓存，确保从服务器重新加载资源。

3. 方法3：如果浏览器支持 Cache API，则可以通过 caches.keys() 获取所有缓存名称，并通过 caches.delete() 删除这些缓存。这通常用于清除由 Service Worker 管理的缓存。