javascript - 允许在 Puppeteer 的所有站点上运行 Flash

Question

免责声明:我知道 Flash 将在 2020 年底被放弃，但我不能放弃这个案例，需要在 Puppeteer 中使用 Flash，尽管我也不喜欢它。

我需要抓取某些 Flash 网站并截取它们的屏幕截图，以供以后进行编程比较。我可以提供我需要检查的有限域列表(尽管该列表可能会及时更改，因此能够以某种方式在运行时加载它们会很棒)。

通过互联网搜索了一段时间的解决方案，我得到的关于 SA 问题的最接近的是:how to add urls to Flash white list in puppeteer

在使用 puppeteer-extra-plugin-flash、为 PepperFlash 提供路径和版本并运行 Chrome 可执行文件而不是 Chromium 后，我设法让 Flash 网站得到正确识别，但我仍然需要单击变灰的拼图以允许在任何网站上运行 Flash。

我只是找不到可以在 2019 年 7 月使用的解决方案。

我尝试过使用各种参数:

  --ppapi-in-process || 
  --disable-extensions-except=${pluginPath}/.. || 
  --allow-outdated-plugins || 
  --no-user-gesture-required

还有更多，可能无关。对其他人来说似乎最成功的方法似乎是使用 PluginsAllowedForUrls 并提供带有通配符的 url 列表，然后通过 --user-data-dir 加载预定义的配置文件 -但我在这件事上也不走运(我想我在准备适当的个人资料方面遇到了问题)。

我正在构建的这个工具不会公开，仅供受过教育的团队在内部使用 - 因此我没有太多的安全限制需要关心。我只需要 puppeteer 操纵者中的 Flash。我也不需要关心它的 Dockerizing。

我当前的设置，已简化:

// within async function

const browser = await puppeteer.launch({
    headless: false,
    executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
    args: [
        '--window-size=800,600',
        '--enable-webgl',
        '--enable-accelerated-2d-canvas',
        `--user-data-dir=${path.join(process.cwd(), 'chrome-user-data')}`
        // '--always-authorize-plugins', -> does not seem to be doing anything in our case
        // '--enable-webgl-draft-extensions', -> does not seem to be doing anything in our case
        // '--enable-accelerated-vpx-decode', -> does not seem to be doing anything in our case
        // '--no-user-gesture-required',  -> does not seem to be doing anything in our case
        // '--ppapi-in-process', -> does not seem to be doing anything in our case
        // '--ppapi-startup-dialog', -> does not seem to be doing anything in our case
        // `--disable-extensions-except=${pluginPath}/..`, -> does not solve issue with blocked
        // '--allow-outdated-plugins', -> does not seem to be doing anything in our case
    ],
});

const context = await browser.defaultBrowserContext();
const page = await context.newPage();

const url = new URL('http://ultrasounds.com');
const response = await fetch(url.href);

await page.setViewport({ width: 800, height: 600});
await page.goto(url.href, { waitUntil: 'networkidle2' });
await page.waitFor(10000);

const screenshot = await page.screenshot({
  encoding: 'binary',
});

Chrome 版本:75.0.3770.100， puppeteer-extra:2.1.3 puppeteer-extra-plugin-flash:2.13

感谢任何形式的指导，如果有一些工作示例会很高兴，在此先感谢!

Answer 1

我成功了。我找到了较旧的 Chrome 版本 (65)，并使用 puppeteer-extra 运行它。

我使用和正在运行的库版本:

PepperFlashPlugin 版本:32.0.0.223

谷歌浏览器:65.0.3325.181

Puppeteer-core: 1.7.0(如果你需要的不是65，请检查相应版本的标签)

puppeteer-extra:2.1.3 puppeteer 操纵者:1.0.0

puppeteer-extra-plugin-flash:2.1.3

启动浏览器如下所示:

const browser = await PuppeteerExtra.launch({
        headless: false,
        executablePath: process.env.CHROME_EXECUTABLE,
        args: [
          '--window-size=800,600',
          '--enable-webgl',
          '--enable-accelerated-2d-canvas',
        ],
      });
const page = await this.fBrowser.newPage();

      await page.setViewport({ width: 800, height: 600});
      await page.goto('http://ultrasounds.com', { waitUntil: 'networkidle2' });

而且有效! 🎉