如何在Playwright的设备模式下忽略HTTPS错误？

嘿，这个问题其实很好解决！当你使用Playwright预定义的设备配置时，完全不用放弃设备的预设——只需要把contextOptions合并到设备配置里就可以啦。

你可以通过ES6的展开运算符（...）先展开设备的所有配置，再添加你需要的contextOptions参数，具体代码示例如下：

const config: PlaywrightTestConfig = { 
  projects: [ 
    { 
      name: 'iPhone 6/7/8', 
      use: {
        ...devices['iPhone 8'], // 先导入设备的所有预设配置
        contextOptions: { 
          ignoreHTTPSErrors: true, // 添加忽略HTTPS错误的配置
        },
      }, 
    }, 
  ]
}

如果担心设备本身自带了contextOptions配置，直接覆盖会有问题，你可以进一步合并设备原有的context选项，确保不丢失预设：

const config: PlaywrightTestConfig = { 
  projects: [ 
    { 
      name: 'iPhone 6/7/8', 
      use: {
        ...devices['iPhone 8'],
        contextOptions: {
          ...devices['iPhone 8'].contextOptions, // 保留设备原有的context配置
          ignoreHTTPSErrors: true, // 新增忽略HTTPS错误的设置
        },
      }, 
    }, 
  ]
}

本质上，不管是自定义浏览器配置还是使用预定义设备，核心逻辑都是在use配置项中指定contextOptions.ignoreHTTPSErrors: true，通过展开运算符把设备预设和自定义配置结合起来，就能轻松实现本地开发时忽略HTTPS证书错误的需求啦。

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