Javascript 如何通过页面导航保留Chrome扩展的覆盖？

我有一个Chrome扩展，它将HTML和JS注入网页，创建一个类似于three.JS的3D场景，其中包含网页HTML元素的3D版本。现在，我正在将3D场景代码作为包装器注入加载时的每个网页。因此，每次单击链接都会破坏3D场景

我希望通过页面导航保留这个3D场景，这样当用户单击链接时，场景仍然存在，但HTML元素将替换为新的页面元素

---

有人知道这件事的发展方向吗？谢谢

页面在正常（非AJAX）导航中被完全销毁，因此您必须重新注入。这是一款通过扩展运行的虚拟现实应用程序。因此，当用户导航到新页面时，3D场景将与网页一起销毁，用户将被踢出场景，直到加载新页面。如果可能的话，我想把这个场景保留下来，以便有更好的体验。你必须把它放在一个新的窗口里。