如何在 background.js 中访问文档/DOM？

Question

我试图在我的后台脚本中访问 DOM 以创建一个画布元素。 如何在 manifest v3 中访问 background.js 中的 DOM？ 我知道它可以在 v2 中访问。

我正在创建这个元素作为chrome.tabs.captureVisibleTab()一部分，这是一个特定于 background.js 的 API 方法

chrome.tabs.get(tabId, function(tab) {
        chrome.tabs.captureVisibleTab(tab.windowId, { format: "png" }, function(dataUrl) {
            (console.log("chrome.tabs.captureVisibleTab() called"))
            if (!canvas) {
                canvas = document.createElement("canvas");
                document.body.appendChild(canvas);
            ...

我目前收到一个错误： Error handling response: ReferenceError: document is not defined at chrome-extension://.../background.js

我尝试将文档从内容脚本传递给后台脚本，如下所示：

chrome.runtime.sendMessage({document: document}, function(response) {})

但传递的文档不是对象，也没有像createElement这样的普通 DOM 方法