使用Puppeteer时如何为远程浏览器实例设置本地可读取的ID

方案1：通过浏览器启动参数注入专属ID（最推荐） #

这个方案不需要改动代理层逻辑，仅调整远程节点浏览器创建和本地ID读取的代码即可实现：

• 远程节点创建浏览器实例时，在启动参数中加入自定义的ID标识：

// 远程节点代码
const browserId = '生成的专属浏览器ID'
const browser = await puppeteer.launch({
  args: [
    // 其他原有启动参数
    `--remote-browser-id=${browserId}`
  ]
})

• 本地连接后通过CDP接口读取启动参数中的ID即可：

// 本地节点代码
const browser = await puppeteer.connect({ browserWSEndpoint: webSocket });
// 调用CDP原生接口获取浏览器启动命令行参数
const { arguments: cliArgs } = await browser.send('Browser.getBrowserCommandLine')
// 提取自定义ID
const browserId = cliArgs.find(arg => arg.startsWith('--remote-browser-id=')).split('=')[1]

方案2：代理层在握手阶段返回ID #

如果不想改动浏览器启动参数，也可以在远程WebSocket代理层做修改：

• 代理层分配到对应的浏览器实例后，在WebSocket握手的HTTP响应头中加入X-Remote-Browser-Id自定义头，值为对应浏览器的专属ID
• 本地自定义Puppeteer的传输实例，读取握手响应头中的ID即可

补充说明 #

你之前认为User-Agent只能在page层级设置是误解：浏览器全局默认UA可以通过启动参数--user-agent在创建浏览器时设置，只要业务代码没有主动调用page.setUserAgent()覆盖，通过browser.userAgent()就能拿到全局UA，也可以把ID拼接在UA后缀实现需求，只是不如自定义启动参数干净，不会和业务的UA配置冲突。

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