求助：CapSolver扩展在Puppeteer Cluster中无法正常工作

我尝试在Puppeteer Cluster生成的浏览器实例中加载CapSolver扩展，但发现该扩展仅在about:blank实例（使用CONCURRENCY_CONTEXT时Puppeteer Cluster创建的实例）中生效，无法在实际浏览实例中正常工作。

代码示例 #

const { Cluster } = require('puppeteer-cluster');

(async () => {
    const pathToExtension = require('path').join(__dirname, 'capsolver');
    const cluster = await Cluster.launch({
        concurrency: Cluster.CONCURRENCY_CONTEXT,
        maxConcurrency: 2,
        puppeteerOptions: {
            headless: false,
            args: [
                `--disable-extensions-except=${pathToExtension}`,
                `--load-extension=${pathToExtension}`,
            ],
        },
    });

    await cluster.task(async ({ page, data: url }) => {
        await page.goto(url);
        await delay(60000);
    });

    cluster.queue('http://www.google.com/');
    cluster.queue('http://www.wikipedia.org/');
    // many more pages

    await cluster.idle();
    await cluster.close();
})();

function delay(time) {
    return new Promise((resolve) => setTimeout(resolve, time));
}

当使用Cluster.CONCURRENCY_CONTEXT时，Puppeteer Cluster会复用浏览器上下文，但扩展默认绑定到初始空白页面的上下文，不会自动注入到新页面的上下文里，可通过以下两种方式解决：

方法一：切换到CONCURRENCY_PAGE并发模式 #

将并发模式改为Cluster.CONCURRENCY_PAGE，每个任务会创建独立页面，扩展会自动加载到每个新页面中：

const cluster = await Cluster.launch({
    concurrency: Cluster.CONCURRENCY_PAGE, // 改为PAGE模式
    maxConcurrency: 2,
    puppeteerOptions: {
        headless: false,
        args: [
            `--disable-extensions-except=${pathToExtension}`,
            `--load-extension=${pathToExtension}`,
        ],
    },
});

方法二：在上下文初始化时手动处理扩展（针对CONCURRENCY_CONTEXT） #

如果必须使用CONCURRENCY_CONTEXT，可监听上下文创建事件，触发扩展初始化：

const cluster = await Cluster.launch({
    concurrency: Cluster.CONCURRENCY_CONTEXT,
    maxConcurrency: 2,
    puppeteerOptions: {
        headless: false,
        args: [
            `--disable-extensions-except=${pathToExtension}`,
            `--load-extension=${pathToExtension}`,
        ],
    },
});

// 监听上下文创建，确保扩展在当前上下文生效
cluster.on('contextcreated', async (context) => {
    const page = await context.newPage();
    // 替换为你的CapSolver扩展ID，可在chrome://extensions/（开启开发者模式）查看
    await page.goto('chrome-extension://你的扩展ID/background.html');
    await page.close();
});

注意事项 #

• 扩展ID需手动获取：浏览器加载扩展后，开启开发者模式，在chrome://extensions/页面查看。
• CONCURRENCY_PAGE模式资源占用比CONCURRENCY_CONTEXT高，但扩展兼容性更好。
• 确认CapSolver扩展的API密钥等配置已正确设置，避免因配置问题导致扩展失效。

内容的提问来源于stack exchange，提问作者Silvestro De Caro