我有这个实验,我只在我的本地机器上运行:我加载一个外部网页,例如https://example.com
,我用 puppeteer 注入一个 javascript 文件,该文件来自http://localhost:5000
.
到目前为止,没有任何问题。但是,这个注入的 javascript 文件加载了一个 WebAssembly 文件,然后我收到以下错误
Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined
....
事实上,SharedArrayBuffer 没有定义(Chrome v96),结果我的代码根本不工作(它曾经工作过)。所以我的问题是,我该如何解决这个错误?
阅读更多关于这个,似乎你可以添加两个标题
res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp');
我对这两个文件都做了,但没有取得多大成功。鉴于页面来自与注入的 js 和 WASM 文件不同的域,这可能不起作用。
但也许还有其他可能的解决方案。这是我启动 chrome 的命令
client.browser = await puppeteer.launch({
headless: false,
devtools: true,
defaultViewport: null,
executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
args: [
'--debug-devtools',
'--no-sandbox',
'--disable-setuid-sandbox',
'--disable-web-security',
'--allow-running-insecure-content',
'--disable-notifications',
'--window-size=1920,1080'
]
//slowMo: 500
});
我知道 chrome 有太多的选项,所以也许这个 SharedArrayBuffer 问题也有一个选项?
希望有人知道这是如何工作的并且可以帮助我,Thnx 很多!