如何使用Puppeteer for Node.js自动授予摄像头访问权限？

我之前也踩过这个坑！浏览器弹出的摄像头/麦克风权限请求不是普通的dialog弹窗，所以你用page.on('dialog')根本监听不到它。不过Puppeteer提供了专门的权限处理方案，下面两个方法亲测有效：

方法一：启动浏览器时直接预设权限（最简便） #

Chrome有两个命令行参数可以直接跳过权限提示并模拟虚拟媒体设备，完全不需要用户交互：

• --use-fake-ui-for-media-stream：自动授予摄像头/麦克风权限，不会弹出提示框
• --use-fake-device-for-media-stream：用虚拟的摄像头/麦克风设备代替真实硬件，避免依赖物理设备

把这两个参数加到Puppeteer的启动选项里就行，代码示例：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    args: [
      '--use-fake-ui-for-media-stream',
      '--use-fake-device-for-media-stream'
    ],
    headless: false // 如果需要看可视化效果可以设为false，无头模式也支持
  });

  const page = await browser.newPage();
  await page.goto('你的测试页面地址');
  
  // 之后调用getUserMedia就不会弹出权限提示了
})();

方法二：动态设置权限（适合精细控制场景） #

如果需要在页面加载后灵活控制权限，可以用Puppeteer的page.setPermission方法，直接将摄像头和麦克风权限设置为granted：

const page = await browser.newPage();

// 在导航到页面之前或之后设置权限都可以
await page.setPermission('camera', 'granted');
await page.setPermission('microphone', 'granted');

await page.goto('你的测试页面地址');

注意：这个方法需要确保你的Puppeteer版本足够新（v5.0+基本都支持），而且建议配合上面的虚拟设备参数一起用，否则即使权限授予了，没有真实摄像头的话getUserMedia还是可能报错。

验证权限是否生效 #

可以在页面里执行权限查询来确认设置是否成功：

const cameraStatus = await page.evaluate(async () => {
  const permission = await navigator.permissions.query({ name: 'camera' });
  return permission.state;
});

console.log('摄像头权限状态:', cameraStatus); // 应该输出 'granted'

重要提醒 #

这些方案只适用于自动化测试场景！浏览器出于安全考虑，在正常用户浏览时绝对不会允许跳过交互授予媒体权限，所以不要尝试在生产环境使用这些方法。

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