使用javascript更新浏览器缓存
我的web应用程序通过javascript异步呈现。问题是浏览器缓存页面的一个版本，然后在我操作DOM时不更新缓存。然后，当我单击后退或前进按钮时，浏览器将加载网页的缓存版本，而不是最终版本 我的补丁程序是每当popstate事件触发时强制重新加载页面使用javascript更新浏览器缓存,javascript,browser-cache,browser-history,Javascript,Browser Cache,Browser History,我的web应用程序通过javascript异步呈现。问题是浏览器缓存页面的一个版本，然后在我操作DOM时不更新缓存。然后，当我单击后退或前进按钮时，浏览器将加载网页的缓存版本，而不是最终版本 我的补丁程序是每当popstate事件触发时强制重新加载页面 window.addEventListener('popstate', () => window.location.reload()) 但这种解决方案显著降低了页面负载 我想知道是否有一种方法可以在我操作DOM时强制更新浏览器缓存。比如：
window.addEventListener('popstate', () => window.location.reload())
window.location.forceCacheUpdate()
我希望能够在不重新加载整个页面的情况下更新缓存 您可以在
会话存储窗口加载<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="div"></div>
<script>
onload = () => {
console.log(sessionStorage);
const div = document.getElementById("div");
if (sessionStorage.getItem('html') === null) {
div.innerHTML = '<p>1</p>';
sessionStorage.setItem('html', encodeURIComponent(div.innerHTML));
setTimeout(() => { console.log('navigate'); history.back() }, 2000)
} else {
div.innerHTML = decodeURIComponent(sessionStorage.getItem('html'));
}
// do stuff
}
</script>
</body>
</html>
onload=（）=>{
console.log（会话存储）；
const div=document.getElementById（“div”）；
if（sessionStorage.getItem（'html'）==null）{
div.innerHTML=“1”；
setItem（'html'，encodeURIComponent（div.innerHTML））；
setTimeout（（）=>{console.log（'navigate'）；history.back（）}，2000）
}否则{
div.innerHTML=decodeURIComponent（sessionStorage.getItem（'html'））；
}
//做事
}
ServiceWorkerServiceWorker有关在
窗口onload