如何在页面顶部插入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);

对不起，如果代码块错误，这是我的第一篇文章