如何在Playwright中预先设置Cookie绕过站点Cookie同意弹窗

通过预注入Cookie的方式绕过高危/难定位的Cookie同意弹窗，稳定性远高于点击元素的方案，完全不需要识别弹窗所在frame，具体实现如下：

前置准备 #

先手动获取目标站点的Cookie同意状态字段：

• 正常打开目标站点，手动点击「同意Cookie」按钮
• 打开浏览器开发者工具，进入「应用」-「Cookie」面板，选中目标站点域名
• 找到和同意状态相关的Cookie字段（常见命名包括cookie_consent、gdpr_consent、OptanonConsent、euconsent等），记录该条目的name、value、domain、path、secure属性值

核心实现逻辑 #

Playwright 提供了上下文级别的add_cookiesAPI，必须在第一次调用页面跳转方法访问目标URL之前调用该接口注入Cookie，从页面初始请求阶段就携带同意状态标识，站点检测到状态后不会渲染同意弹窗，从根源绕过弹窗触发逻辑。

代码示例 #

Python 同步版本

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    context = browser.new_context()

    # 访问页面前注入同意状态Cookie
    context.add_cookies([
        {
            "name": "之前记录的Cookie名称",
            "value": "之前记录的同意状态对应值",
            "domain": "之前记录的域名，一般为带.前缀的根域名，比如.example.com",
            "path": "/",
            "secure": True # HTTPS站点需开启，HTTP站点设为False
        }
    ])

    page = context.new_page()
    # 注入完成后再访问目标页，不会触发Cookie弹窗
    page.goto("https://你的目标测试地址")

    # 后续正常编写测试逻辑即可
    page.wait_for_load_state("networkidle")
    browser.close()

Node.js 版本

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

(async () => {
  const browser = await chromium.launch({ headless: false });
  const context = await browser.newContext();

  // 提前注入同意Cookie
  await context.addCookies([
    {
      name: '之前记录的Cookie名称',
      value: '之前记录的同意状态对应值',
      domain: '带.前缀的根域名',
      path: '/',
      secure: true
    }
  ]);

  const page = await context.newPage();
  // 注入完成后访问目标页
  await page.goto('https://你的目标测试地址');

  // 后续测试逻辑
  await browser.close();
})();

注意事项 #

• 禁止在page.goto()执行后再注入Cookie，此时页面资源已经开始加载，弹窗已经触发，注入无效
• 如果注入后仍然弹出同意窗，逐一核对Cookie的domain、path、secure属性是否和手动访问时存储的属性完全一致，属性不匹配会被站点判定为无效状态
• 部分站点的同意Cookie值带签名或时间戳，只要在有效期内，直接复制手动同意后生成的值即可正常使用，无需额外计算生成

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