1

我有这个实验,我只在我的本地机器上运行:我加载一个外部网页,例如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 很多!

4

2 回答 2

2

这个线程中,有人建议按如下方式启动 chrome

$> chrome --enable-features=SharedArrayBuffer 

这意味着我可以添加--enable-features=SharedArrayBuffer到我的 puppeteer 配置中!

于 2021-12-27T17:06:02.523 回答
1

不久前, Peter Beverloo在他的博客上列出了一份详尽的 Chromium 命令行开关列表。

有很多命令行可以与 Google Chrome 浏览器一起使用。一些改变特性的行为,其他的用于调试或试验。此页面列出了可用的开关,包括它们的条件和描述。上次自动更新发生在 2020 年 8 月 12 日。

如果你正在寻找一个特定的命令,它会在那里,试一试。我很确定跨域限制是专门为了防止你试图做的事情而实施的。

于 2021-12-27T16:28:51.557 回答