Python+pytest+Playwright自动化测试：Chromium页面元素缺失求助

• 检查浏览器上下文配置

  • 关闭无头模式：无头模式的渲染逻辑和正常浏览器可能存在差异，启动浏览器时添加headless=False参数，直观查看页面渲染情况：

    browser = playwright.chromium.launch(headless=False)
    

  • 模拟真实用户UA：部分网站会根据User-Agent识别爬虫，复制你本地Chrome的UA字符串，在创建上下文时指定：

    context = browser.new_context(
        user_agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
    )
    

  • 确保JS和CSS启用：显式开启JavaScript和CSS渲染（默认已开启，但可强制声明）：

    context = browser.new_context(java_script_enabled=True, css_enabled=True)
    

• 优化页面加载等待策略

  • 等待网络空闲：page.goto()默认只等待DOM加载完成，改为等待网络请求空闲，确保所有资源加载完毕：

    page.goto("目标网站URL", wait_until="networkidle")
    

  • 显式等待目标元素：针对缺失的Cookie提示、页脚链接，设置超时等待元素出现，确认是加载延迟还是未渲染：

    page.wait_for_selector("#cookie-consent", timeout=10000)  # 替换为实际元素选择器
    

• 调整浏览器存储与权限

  • 复用浏览器状态：手动在Playwright打开的浏览器中接受Cookie、完成初始化，保存状态后复用，避免每次启动干净上下文：

    # 第一次运行保存状态
    context.storage_state(path="state.json")
    # 后续运行加载状态
    context = browser.new_context(storage_state="state.json")
    

  • 设置Cookie权限：显式配置Cookie接受策略，确保网站能正常渲染Cookie提示：

    context = browser.new_context(cookie_policy="accept")
    

• 排查本地环境隐性差异

  • 关闭代理与拦截工具：本地VPN、广告拦截器、防火墙可能拦截页面资源，导致元素缺失，关闭后重新测试
  • 查看浏览器日志：启动浏览器时开启日志，排查资源加载失败的错误：

    browser = playwright.chromium.launch(
        headless=False,
        args=["--enable-logging", "--v=1"]
    )
    

  • 检查系统渲染设置：极少数情况系统字体缺失、显示缩放异常会影响页面渲染，尝试切换系统默认字体或调整显示缩放比例

• 统一浏览器版本

  • 使用Playwright自带浏览器：放弃强制绑定本地Chrome，执行playwright install chromium安装官方适配的浏览器版本，代码中直接调用：

    browser = playwright.chromium.launch()
    

内容的提问来源于stack exchange，提问作者Hubert Łuczak