javascript - 如何在页面顶部插入 html？

Question

我需要找到一种方法来使用扩展将 HTML 页面插入到任何页面的顶部。它基本上应该显示为一个填满全屏宽度的栏，并出现在书签栏的正下方，也就是正文的正上方。我已经准备好 HTML 页面，但我完全不知道如何在清单文件或 javascript 上反映它。

我尝试在浏览器操作中使用默认弹出窗口，并且尝试在后台运行 javascript 文件（content.js），然后让它 insertBefore，但它似乎没有做任何事情。

这是我的清单文件

    {
      ...
      "background":{
      "scripts": ["content.js"],
      "persistent": false
    },
  ....
  "browser_action": {
    "default_icon": {
      "256": "img.png"
    }
  },
  "icons": {
    "128": "img.png"
  }
}

这是我的 javascript 文件-(content.js)

    var iframe = document.createElement('iframe');
    iframe.src = chrome.extension.getURL("iframe.html");
    document.body.insertBefore(iframe, document.body.firstChild);

抱歉，如果代码块有误，这是我的第一篇文章

标签： javascripthtmlmanifest.json