playwright 3.8

### Playwright 3.8 版本文档与问题解决方案 #### 网络拦截功能增强 Playwright 的网络拦截功能允许开发者对请求和响应进行精细控制。在版本 3.8 中，这一功能得到了进一步优化[^2]。通过 `page.route()` 和 `page.request.intercept()` 方法，可以轻松实现请求重定向、修改请求头或模拟网络条件等功能。 ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch(headless=False) page = browser.new_page() # 拦截并修改特定请求 page.route('**/*', lambda route: route.fulfill(status=200, body="Intercepted!")) page.goto('https://example.com') browser.close() ``` #### 设备模拟支持 Playwright 提供了内置的设备描述符，可以方便地模拟不同设备的行为，例如 iPhone 或 iPad。这在测试响应式设计时非常有用[^2]。 ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch(headless=False) iPhone = p.devices['iPhone 11'] context = browser.new_context(**iPhone) page = context.new_page() page.goto('https://example.com') browser.close() ``` #### 录制功能与代码优化 尽管 Playwright 的录制功能能够快速生成测试代码，但这些自动生成的代码可能缺乏稳定性。在 3.8 版本中，官方建议通过重新组织代码结构来提高测试用例的可维护性[^4]。例如，将常见的操作封装为函数或类，以减少冗余代码。 ```python from playwright.sync_api import sync_playwright class TestHelper: def __init__(self, playwright): self.browser = playwright.chromium.launch(headless=False) self.context = self.browser.new_context() def navigate_to(self, url): page = self.context.new_page() page.goto(url) return page with sync_playwright() as p: helper = TestHelper(p) page = helper.navigate_to('https://example.com') # 其他操作... helper.browser.close() ``` #### 安装与配置 对于基于 Playwright MCP 的安装和配置，可以通过 VS Code 插件或命令行工具完成。以下是一个基础配置示例[^1]： ```json { "mcpServers": { "playwright": { "command": "npx", "args": ["@playwright/mcp@latest"] } } } ``` 此外，还可以启用多模式支持，例如快照模式 (`browser_snapshot`) 或工具视觉模式 (`browser_screen_capture`)。 --- ###