如何用Puppeteer在同一Chromium实例中启用多浏览器配置文件？

手动操作Chromium时，在已运行的实例里添加新配置文件，新配置文件的进程会归属于同一个应用实例，资源占用可控；但用Puppeteer多次调用puppeteer.launch()打开不同配置文件时，会启动独立的Chromium应用实例，CPU等资源占用会大幅升高。不过如果先用Puppeteer启动浏览器，再手动添加配置文件，新进程还是会归属于同一应用实例，和纯手动操作一致。

问题 #

怎么用Puppeteer复现这种手动操作的行为？也就是启动浏览器后，通过Puppeteer添加隶属于同一操作系统应用实例的配置文件？

当前代码 #

async function browserRun(){
  return await puppeteer.launch({ 
    args...
  })
   .then(async browser => {
      // browser actions ...
  })
}

(async () => {
  await Promise.all([
    browserRun(),
    browserRun(),
    browserRun(),
    browserRun(),
    browserRun(),
  ])
})()

解决方案 #

要实现多个配置文件共享同一Chromium应用实例，核心是复用同一个浏览器实例的上下文机制，而不是多次启动独立浏览器进程，具体操作如下：

1. 启动主浏览器时开启多配置支持
   启动Chromium时添加--enable-features=MultiProfile参数，确保浏览器支持多配置文件管理：

   const mainBrowser = await puppeteer.launch({
     args: [
       '--enable-features=MultiProfile',
       '--no-first-run' // 跳过首次运行引导
     ],
     headless: false // 多配置操作需要非无头模式，若要无头需配合额外参数
   });
   

2. 通过浏览器上下文创建新配置文件
   Puppeteer的createIncognitoBrowserContext方法可以创建独立的浏览器上下文，对应手动操作里的新配置文件，每个上下文有独立的Cookie、存储和设置，且归属于同一主浏览器实例：

   // 创建5个独立的配置文件（浏览器上下文）
   const profileContexts = [];
   for (let i = 0; i < 5; i++) {
     // 若需要持久化配置，指定userDataDir路径；不指定则为临时配置
     const context = await mainBrowser.createIncognitoBrowserContext({
       userDataDir: `./user-profiles/profile-${i}`
     });
     profileContexts.push(context);
   
     // 在新配置文件里打开页面
     const page = await context.newPage();
     await page.goto('https://example.com');
     // 执行你的页面操作逻辑...
   }
   

3. 资源清理
   使用完毕后，记得关闭上下文和主浏览器以释放资源：

   // 逐个关闭配置文件上下文
   for (const context of profileContexts) {
     await context.close();
   }
   // 关闭主浏览器实例
   await mainBrowser.close();
   

注意事项 #

• 用createIncognitoBrowserContext创建的临时上下文，关闭后数据会自动清除；指定userDataDir则可以持久化保存配置文件数据。
• 这种方式下所有新配置文件的进程都会归属于同一个Chromium应用实例，和手动添加配置文件的资源占用情况一致，能有效降低CPU消耗。

内容的提问来源于stack exchange，提问作者Emil Kucharczyk