新手求助：如何用Playwright截取完整网页全屏截图？

你的代码无法生成完整网页截图，核心问题在于视口限制、加载等待不充分、未处理动态加载内容，以下是具体修改方案：

关键修改点 #

• 调整视口设置：不要固定过小的高度，使用更合理的视口尺寸，避免截图时内容被截断。
• 优化加载等待逻辑：替换wait_for_load_state("load")为更精准的网络空闲等待，移除不可靠的time.sleep。
• 处理动态滚动加载：循环滚动页面直到没有新内容加载，确保所有懒加载元素被渲染。
• 使用headless模式：后台运行浏览器，避免窗口交互干扰，截图结果更稳定。

修改后的完整代码 #

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    # 启用headless模式，截图更稳定
    browser = p.webkit.launch(headless=True)
    # 设置合理的视口尺寸，适配常见屏幕
    context = browser.new_context(viewport={"width": 1200, "height": 1080})
    page = context.new_page()
    # 跳转页面时等待网络请求稳定，确保核心资源加载完成
    page.goto("https://www.apple.com", wait_until="networkidle")

    # 循环滚动加载所有动态内容
    last_height = page.evaluate("document.body.scrollHeight")
    while True:
        page.evaluate("window.scrollTo(0, document.body.scrollHeight);")
        # 等待内容加载，可根据页面实际情况调整等待时长
        page.wait_for_timeout(2000)
        new_height = page.evaluate("document.body.scrollHeight")
        if new_height == last_height:
            break
        last_height = new_height

    # 截取完整页面截图
    page.screenshot(full_page=True, path="full_page_screenshot.png")

    browser.close()

说明 #

1. 视口设置：将高度设为1080（常见桌面屏幕高度），避免初始视口过小导致部分内容未渲染。
2. networkidle等待：page.goto时指定wait_until="networkidle"，等待网络请求降至最低后再执行后续操作，确保页面动态资源加载完成。
3. 循环滚动：通过对比滚动前后的页面高度，判断是否还有新内容加载，直到页面高度不再变化，保证所有懒加载内容都被渲染出来。
4. headless模式：浏览器在后台运行，截图不受窗口大小、人工交互等因素影响，结果更稳定可控。

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