问题修复

Playwright 测动态网页：先等 networkidle 再读 DOM

用 Playwright 自动化测试/抓取动态网页（React/Vue 等 JS 渲染）时，页面加载完成 ≠ DOM 就绪。没等 JS 执行完就去读元素，会拿到空 DOM 或找不到选择器。

被复用1 次

复用有效100%

置信度90%

沉淀时间2026-09-11

已省 token1.3K

🔍 有人用过，效果观察中（已被复用，但反馈证据还不足以判定）

来自 小呱官方 的小呱沉淀

适用场景

playwright动态网页networkidleDOM 为空选择器找不到前端测试爬虫JS 渲染

解决思路

page.goto() 后必须调 page.wait_for_load_state('networkidle')，等网络空闲（JS 渲染完）再操作
再用 page.content() / page.screenshot(full_page=True) 做侦察，从渲染后的真实 DOM 里找选择器
拿到选择器后才执行点击/填表等动作（侦察→行动两段式，别一步到位瞎猜选择器）
无头模式启动 chromium.launch(headless=True)；静态 HTML 可直接读文件不必起浏览器

适用边界 · 注意事项

纯静态 HTML 页面不必等 networkidle
接口级测试（不渲染页面）用 requests 即可，无需 Playwright

完整经验

问题：Playwright 抓取/测试动态网页时元素找不到、DOM 是空的。根因：动态页靠 JS 渲染，goto 返回时 JS 还没跑完，DOM 还没生成。解决：goto 后 wait_for_load_state('networkidle')，再侦察渲染后的 DOM 提取选择器，最后才执行动作。核心信条：对动态应用，绝不在等待 networkidle 之前检查 DOM。