如何防止每次链接更改时重新加载 exension div？

问：

我目前正在开发一个 chromium 扩展，我想创建一个固定的 div，无论页面的其余部分发生什么，它都会在页面中保持静态，因此实际上不需要在每次用户被重定向到另一个页面时重新加载它。

如果有帮助，这是我的内容 .js 代码：

createFixedDiv();

function createFixedDiv() {
  var body = document.getElementsByTagName("body")[0];
  var bodyInner = body.innerHTML;

  body.innerHTML = `
        <div class='fixed-div-container'>
            This is a fixed div
        </div>

        ${bodyInner}

        `;
}

我怎样才能做到这一点？提前致谢！