如何在Playwright中使用本地已安装的Chrome浏览器？

嗨，我来帮你搞定这个问题！你之前的代码思路方向是对的，但有几个细节没处理到位，导致配置没生效。下面是完整的解决方案：

关键调整点 #

• 路径与权限确认：你Mac上的Chrome路径是正确的，但要确保该可执行文件存在且有运行权限
• 添加启动参数：Chrome被自动化工具调用时，需要禁用一些默认弹窗和检查，避免干扰执行
• 修复未定义变量：你代码里的browserType变量没有定义，会导致截图步骤报错

正确的代码示例 #

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({
    headless: false,
    // 指定本地Chrome的可执行文件路径
    executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
    // 添加必要的启动参数，避免Chrome的默认干扰项
    args: [
      '--no-first-run', // 禁用首次运行向导弹窗
      '--no-default-browser-check', // 取消默认浏览器检查提示
      '--disable-extensions' // 可选：禁用所有扩展，避免影响自动化流程
    ]
  });

  const context = await browser.newContext();
  const page = await context.newPage();
  
  await page.goto('http://whatsmyuseragent.org/');
  // 替换未定义的browserType为实际标识，比如直接用chrome
  await page.screenshot({ path: `example-chrome.png` });

  // 记得结束后关闭浏览器
  await browser.close();
})();

额外实用技巧 #

• 版本兼容性：确保本地Chrome版本和Playwright依赖的Chromium版本差距在±2个版本内，否则可能出现兼容性问题。你可以通过chrome://version查看Chrome版本，再对应Playwright的版本支持说明。
• 更省心的channel参数：如果Chrome安装在系统默认路径，你可以不用手动写路径，直接用channel参数自动识别：

  const browser = await chromium.launch({
    headless: false,
    channel: 'chrome' // 自动调用本地稳定版Chrome
  });
  

• 跨平台路径参考：Windows用户路径一般是C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe；Linux用户则是/usr/bin/google-chrome。

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