如何在不重新加载应用程序的情况下更改应用程序路径

Question

我希望我的 chrome 扩展程序注入的代码能够在不重新加载用户应用的情况下更新用户路径名。

目前我有一个解决方法

window.history.pushState('', '', '/about')
setTimeout(() => window.history.back(), 10)
setTimeout(() => window.history.forward(), 20)
window.history.pushState('', '', '/about')

有没有更好的方法呢？也许我对历史状态了解不够。

Answer 1

window.history.replaceState("", "", "/data") 这会更改路径而不重新加载页面，但您必须处理索引文件上的页面刷新

你可以通过

追加新数据

window.history.replaceState("", "", "/data"); fetch('DataPage.html').then((res) => res.text()).then(res => {document.querySelector("#target").innerHTML = res;})

你必须放置一个id像<div id="target"></div>这样的元素