如何在Puppeteer单次运行中切换浏览器？代码实现报错求助

问题 #

需求如下：

• 初始启动Chrome浏览器；
• 当变量i为2的倍数时，切换为Edge浏览器；
• 当变量i为3的倍数时，切换为Firefox浏览器。

尝试的代码：

(async () => {
    var browser = await puppeteer.launch({
        executablePath: "chrome path",
    });
    var page = await browser.newPage();

    for(i = 0; i < 10; i++) {
　　
        // change browser to edge 
        if (i % 2 == 0) {
            await browser.close();
            browser = await puppeteer.launch({
                executablePath: "edge path",
            page = await browser.newPage();
            });
　　 
        // change browser to firefox
        }else if (i % 3 == 0) {
            await browser.close();
            browser = await puppeteer.launch({
                product: 'firefox',
            });
            page = await browser.newPage();
        }
    }
})();

运行后报错：

Protocol error (Page.navigate): Session closed. Most likely the page has been closed.

解决方案 #

错误原因分析 #

1. 语法错误：在Edge浏览器的puppeteer.launch()配置对象内部直接写入page = await browser.newPage();，属于非法语法，会触发执行异常并导致会话关闭。
2. 变量作用域问题：循环变量i未用let/const声明，成为全局变量后易引发不可预期的行为。
3. 判断逻辑缺陷：当i同时是2和3的倍数（如6），else if会只执行第一个匹配的条件；且i=0时初始Chrome会被错误触发切换逻辑。
4. 资源清理不规范：切换浏览器时未按顺序关闭页面和浏览器实例，残留的无效会话会抛出错误。

修正后的代码 #

(async () => {
    // 初始化Chrome浏览器和页面
    let browser = await puppeteer.launch({
        executablePath: "你的Chrome实际路径",
        headless: false // 可选，可视化运行便于调试
    });
    let page = await browser.newPage();

    // 用let声明循环变量，避免全局污染
    for (let i = 0; i < 10; i++) {
        console.log(`当前循环i值: ${i}`);
        
        // 优先处理3的倍数（可根据需求调整判断顺序），排除i=0的初始状态
        if (i % 3 === 0 && i !== 0) {
            await page.close(); // 先关闭当前页面
            await browser.close(); // 关闭当前浏览器实例
            // 启动Firefox
            browser = await puppeteer.launch({
                product: 'firefox',
                executablePath: "你的Firefox实际路径", // 路径非默认时需指定
                headless: false
            });
            page = await browser.newPage();
            console.log("已切换到Firefox");
        } 
        // 处理2的倍数，排除同时是3倍数的情况
        else if (i % 2 === 0 && i !== 0) {
            await page.close();
            await browser.close();
            // 启动Edge
            browser = await puppeteer.launch({
                executablePath: "你的Edge实际路径",
                headless: false
            });
            page = await browser.newPage();
            console.log("已切换到Edge");
        }

        // 可添加每个循环需执行的页面操作，例如：
        // await page.goto('https://example.com');
    }

    // 循环结束后清理最后一个浏览器资源
    await page.close();
    await browser.close();
})();

关键说明 #

• 语法修正：将page = await browser.newPage()移到launch()调用之后，确保浏览器实例初始化完成后再创建页面。
• 资源清理顺序：每次切换前先关闭页面再关闭浏览器，彻底清除无效会话。
• 判断逻辑优化：添加i !== 0避免初始Chrome被错误切换；可调整判断顺序来设置浏览器切换的优先级。
• 变量规范：用let声明所有局部变量，保证作用域正确，避免全局污染。
• 路径配置：务必将executablePath替换为对应浏览器的实际安装路径，Firefox若已配置环境变量可省略路径，但建议明确指定。

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