Google chrome 是否可以创建一个显示覆盖div的chrome扩展而不将其添加到DOM中？

我正在尝试创建一个简单的chrome扩展，目前我正在将脚本和样式表注入DOM，以便在浏览器窗口中显示一个覆盖div。但是，当我更改选项卡或地址时，在文档准备就绪之前，div不会出现

那么，有没有一种方法可以在所有选项卡上显示覆盖div，而不将其添加到DOM中

我的清单文件：

{
  "name": "My extension",
  "description": "test",
  "version": "0.0.1",
  "manifest_version": 2,
  "icons": {
    "16":  "icons/icon16.png",
    "48":  "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "css": [
        "css/content.css",
      ],
      "js": [
        "libs/jquery-3.2.1.min.js",
        "js/content.js"
      ]
    }
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_title": "My extension"
  },
  "permissions": [,
    "https://www.example.com/*", // I will update the div content from this URL
    "storage"
  ],
  "web_accessible_resources": [
    "fonts/*.*"
  ]
}

---

@真的吗？我觉得很难相信。也许您可以指向相关信息？“但是，当我更改选项卡或地址时，div在文档准备好之前不会出现。”您的扩展应该能够在这之前完成一些工作。你需要在你的问题中包含更多的信息。您的扩展注册配置是什么样子的，例如…@SureshAtta那么您能举个例子吗？

$('body').prepend(div);