Playwright Trace Viewer 是一个 GUI 工具，可帮助您在脚本运行后探索记录的 Playwright 跟踪。可以本地打开，也可以在trace.playwright.dev.打开，

录制跟踪文件

使用context.tracing.start进行录制，使用stop方法保存录制文件

browser = chromium.launch()
context = browser.new_context()

# Start tracing before creating / navigating a page.
context.tracing.start(screenshots=True, snapshots=True, sources=True)

page = context.new_page()
page.goto("https://playwright.dev")

# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")

本地打开跟踪文件

使用命令即可打开

playwright show-trace trace.zip

在跟踪文件中，可以看到playwright执行的action

 如果screenshot选项为True，每个跟踪都会记录一个截屏视频并将其呈现为胶片，可以将鼠标悬停在胶片上以查看每个操作和状态的放大图像，有助于轻松找到要检查的操作。

创建多个跟踪文件

如果想使用同一个浏览器上下文创建多个跟踪文件，可以先用tracing.start()。然后再使用tracing.start_chunk创建多个跟踪文件。

context.tracing.start(name="trace", screenshots=True, snapshots=True)
page = context.new_page()
page.goto("https://playwright.dev")

context.tracing.start_chunk()
page.get_by_text("Get Started").click()
# Everything between start_chunk and stop_chunk will be recorded in the trace.
context.tracing.stop_chunk(path = "trace1.zip")

context.tracing.start_chunk()
page.goto("http://example.com")
# Save a second trace file with different actions.
context.tracing.stop_chunk(path = "trace2.zip")

trace网站打开

trace.playwright.dev是跟踪查看器的静态托管变体，可以使用拖放功能上传跟踪文件。