如何在 Firefox Web 扩展的内容脚本中使用 Wasm?



我正在使用 Rust 构建一个 Firefox 插件。我正在尝试插入 HTML 并在特定页面上做一些事情。显然,内容脚本是我想使用的东西。我的内容脚本是:

import("../crate/pkg").then(({ Addon }) => {
const addon = Addon.new();
console.log(addon.where_am_i());
}).catch(e => console.error("Error importing:", e));

我得到的错误是:

TypeError: "0125c9960050e7483877.module.wasm is not a valid URL."

我试图添加到manifest.json

"web_accessible_resources": [
"0125c9960050e7483877.module.wasm"
]

moz-extension://<extension-UUID>/0125c9960050e7483877.module.wasm"访问了它,但后来我得到了:

Error importing: Error: "Loading chunk 0 failed.

我还尝试了后台脚本,但它是在扩展上下文中加载的,因此它不允许我更改页面内容。

我不确定import("../crate/pkg")如何为您工作,因为 Firefox 和"../crate/pkg"看起来不像是一条可行的路径。也许您正在做一些预处理?

加载裸 WASM(我从此示例中获取了 add.wasm(工作正常,如果您在 manifest.json 中有"web_accessible_resources": ["add.wasm"]

WebAssembly.instantiateStreaming(fetch(browser.runtime.getURL("add.wasm")), {})
.then(results => {
console.log("wasm returned", results.instance.exports.add_one(41));
}).catch((err) => {
console.error("Unable to instantiateStreaming", err)
});

让生成的 JS 包装器在内容脚本中工作是一个不同的问题,这取决于您运行的工具和特定模式。

如果您能够在后台脚本中运行 WASM,则可以通过 sendMessage 在内容脚本和后台脚本之间进行通信以完成工作。

相关内容

  • 没有找到相关文章

最新更新