javascript - 使用postMessage扩展后台页面

Question

我正在尝试将 CryptoKey(由 SubtleCrypto.generateKey() 生成)对象从 contentscript 发送到 webextension 的后台页面。

当使用 chrome.runtime.sendMessage 发送对象时，它会丢失，因为 CryptoKey 不可字符串化(另请参见 this question )。使用 window.postMessage 将 key 传输到另一个 window 确实有效，因为此方法使用结构化克隆..

是否有类似于 postMessage 的东西可以将不可字符串化的数据发送到 webextension 的后台页面？

Answer 1

感谢@wOxxOm 的评论，我通过使用以下代码创建可访问的网络资源解决了这个问题:

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
  chrome.extension.getBackgroundPage().postMessage(event.data, "*");
}

这是由这样的内容脚本触发的:

let iframe = document.createElement('iframe');
iframe.setAttribute('src', chrome.extension.getURL('webaccessible/index.html'));
iframe.addEventListener("load", () => {
  iframe.contentWindow.postMessage(data);
})

虽然数据是包含CryptoKey 的对象。

这个数据是在后台脚本中接收的，就像你通常会收到这样的消息一样:

window.addEventListener('message',(event) => {
  console.log(event);
});