Puppeteer技术问询：Node进程退出后能否保留浏览器并重新连接？

可以实现，无论是Puppeteer还是Selenium（搭配Chromedriver）都支持复用已运行的浏览器实例，核心思路是保留浏览器的连接端点，在新的Node.js进程中通过该端点重新建立连接。

Puppeteer实现步骤 #

1. 启动并保留浏览器实例
   启动浏览器时，获取其WebSocket端点（browserWSEndpoint），且不要调用browser.close()，让浏览器在Node.js进程退出后继续运行：

   const puppeteer = require('puppeteer');
   
   (async () => {
     const browser = await puppeteer.launch({
       headless: false, // 保持浏览器窗口可见，防止自动关闭
       args: ['--no-sandbox', '--disable-setuid-sandbox'] // 适配部分环境的必要参数
     });
     const browserWSEndpoint = browser.wsEndpoint();
     console.log('浏览器WebSocket端点:', browserWSEndpoint);
     // 进程退出前不要执行browser.close()
   })();
   

2. 新进程中重新连接
   用之前保存的WebSocket端点，通过puppeteer.connect()复用已运行的浏览器：

   const puppeteer = require('puppeteer');
   
   (async () => {
     const browserWSEndpoint = 'ws://127.0.0.1:xxxx/devtools/browser/xxxx'; // 替换为实际输出的端点
     const connectedBrowser = await puppeteer.connect({
       ignoreHTTPSErrors: true,
       browserWSEndpoint
     });
     // 操作已有的浏览器实例，比如获取现有页面
     const pages = await connectedBrowser.pages();
     const targetPage = pages[0];
     await targetPage.goto('https://example.com');
   })();
   

Selenium（Chromedriver）实现步骤 #

1. 启动带远程调试的Chrome
   先手动启动Chrome并开启远程调试端口，指定用户数据目录以保留会话：

   # Windows
   chrome.exe --remote-debugging-port=9222 --user-data-dir="C:\ChromePersistentProfile"
   # Linux/macOS
   google-chrome --remote-debugging-port=9222 --user-data-dir="./ChromePersistentProfile"
   

2. Selenium连接已运行的Chrome
   通过配置调试端口，让Selenium连接已启动的浏览器实例：

   const { Builder } = require('selenium-webdriver');
   const chrome = require('selenium-webdriver/chrome');
   
   (async () => {
     const options = new chrome.Options();
     options.addArguments('--remote-debugging-port=9222');
     const driver = await new Builder()
       .forBrowser('chrome')
       .setChromeOptions(options)
       .build();
     // 操作已有的浏览器会话
     await driver.get('https://example.com');
   })();
   

关键注意事项 #

• 确保浏览器进程在Node.js退出后持续运行，避免浏览器因闲置自动关闭（可通过用户数据目录保存会话状态）。
• WebSocket端点或调试端口需正确留存，每次启动浏览器的端点可能不同，若需固定可通过配置参数指定。
• 复用浏览器时需注意会话隔离，避免之前的页面、缓存或登录状态干扰新的操作逻辑。

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