浏览器控制台刷新页面与清除缓存的方法

目录

前言正文

前言

🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF

原先写过类似的知识点：深入解析 Vue 项目中的缓存刷新机制：原理与实战

正文

总的来说运行这几行命令就可以了

localStorage.clear()

sessionStorage.clear()

location.reload()

截图如下：

localStorage.clear() 和 sessionStorage.clear() 不会返回值，显示 undefined 是正常的，这并不意味着它们没有执行

如何正确刷新页面？

在 F12 控制台 直接输入以下命令之一：

location.reload()

或

window.location.reload()

如果 location.reload() 不起作用，试试：

window.location.href = window.location.href

或

window.location.replace(window.location.href)

这些方法会强制浏览器重新加载当前页面

确保清理所有缓存再刷新：

localStorage.clear();

sessionStorage.clear();

caches.keys().then(keys => {

keys.forEach(key => caches.delete(key));

}).finally(() => {

location.reload(true); // 强制刷新

});

如果 location.reload(true) 没效果，可以尝试：

window.location.href = "/";