Playwright+Python自动化完成后如何展示页面？

以下是几种实用的实现方式：

方法1：保存状态后用有头浏览器恢复查看 #

先以无头模式完成所有自动化操作，保存当前会话的状态（如Cookie、本地存储等），再启动有头浏览器加载该状态，直接查看最终页面效果：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    # 无头模式执行自动化流程
    browser = p.chromium.launch(headless=True)
    context = browser.new_context()
    page = context.new_page()
    
    # 替换为你的自动化操作逻辑
    page.goto("https://目标网页地址")
    # page.click("#某个按钮")
    # page.fill("#输入框", "内容")
    # ... 其他操作 ...
    
    # 保存会话状态到本地文件
    context.storage_state(path="session_state.json")
    
    # 关闭无头浏览器
    browser.close()
    
    # 启动有头浏览器，加载保存的状态
    browser = p.chromium.launch(headless=False)
    context = browser.new_context(storage_state="session_state.json")
    page = context.new_page()
    
    # 跳转至目标页面，自动恢复之前的操作状态
    page.goto("https://目标网页地址")
    
    # 暂停程序，手动查看页面，按回车后关闭浏览器
    input("查看完成后按回车键关闭浏览器...")
    browser.close()

方法2：截图/录屏直接查看结果 #

如果不需要交互查看，可在无头执行完成后通过截图或录屏记录最终页面状态，直接查看生成的文件：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    # 开启录屏，视频会自动保存到指定目录
    context = browser.new_context(record_video_dir="./playwright_videos/")
    page = context.new_page()
    
    # 执行自动化操作
    page.goto("https://目标网页地址")
    # ... 其他操作 ...
    
    # 截取全页面截图保存
    page.screenshot(path="final_page.png", full_page=True)
    
    browser.close()

执行完成后，直接查看生成的final_page.png或playwright_videos目录下的视频文件即可。

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