Playwright 页面空白或超时的主因是未等待JS渲染完成及关键元素出现;应使用wait_until="commit"、显式等待选择器、避免硬编码DOM、模拟真实用户行为并屏蔽webdriver特征。
Playwright 启动浏览器时为什么页面空白或报
常见现象是调用
后直接超时,或页面加载后内容为空(比如本该有商品列表却只看到 loading 动画)。根本原因不是网络慢,而是 Playwright 默认不等待 JavaScript 渲染完成,也没等关键元素出现。
实操建议:
立即学习
“
Python免费学习笔记(深入)
”;
别只靠
,加
或更稳妥的
(推荐)
对异步内容,必须显式等待目标元素:用
,而不是等固定秒数
如果页面依赖登录态或 localStorage,记得在
级别复用,避免每次新建 context 丢失状态
某些 SPA 会拦截
或
,可配合
拦截并打印请求,确认数据是否真由 JS 加载
如何正确等待动态加载的数据而非静态 HTML
很多教程教用
拿源码,但异步网页的初始 HTML 几乎不含真实数据——
返回的是骨架,不是渲染后的 DOM。
实操建议:
立即学习
“
Python免费学习笔记(深入)
”;
用
或
获取已渲染的结构
若需提取 JSON 数据(比如页面内嵌的
),用
直接取 JS 变量值
避免用
思维写重试逻辑;Playwright 的
方法自带轮询和超时,比手写
+
更可靠
注意
和
是同步判断,不能替代
,后者才触发等待
模拟用户滚动、点击、输入时容易被识别为机器人
直接调用
可能失败,因为按钮可能被 disabled、遮挡,或事件监听器绑在父容器上。更麻烦的是,部分站点通过检测鼠标移动轨迹、点击间隔、
值来封禁自动化行为。
Python 3.14.3
微软官方的 Python 扩展,是 VS Code 安装量最高的扩展(209M+)。集成 IntelliSense(通过 Pylance)、调试(通过 Python Debugger)、代码检查、格式化、重构和单元测试等功能。支持 Jupyter Notebook、虚拟环境管理和多 Python 版本切换。
下载
实操建议:
立即学习
“
Python免费学习笔记(深入)
”;
用
+
+
模拟真实点击路径(尤其对防爬强的站点)
滚动前先
,再
,避免滚动过快被判定异常
启动时加参数屏蔽 webdriver 特征:
,再用
输入文本别用
一气呵成,改用
并设
模拟人工打字节奏
抓取后如何稳定提取数据而不因 DOM 微调崩溃
前端改个 class 名、加个 wrapper div,用
就返回 None。硬编码选择器是最脆弱的一环。
实操建议:
立即学习
“
Python免费学习笔记(深入)
”;
优先用属性定位:比如
或
,这类属性通常更稳定
用 XPath 的容错写法,例如
,比纯 CSS 选择器抗干扰强
对列表类数据,用
后加
过滤掉未渲染完成的项,而不是假设所有都 ready
如果后端 API 可直连(比如 F12 看 Network 里有
),优先绕过浏览器,用
调用接口——更快、更稳、更省资源
真正难的不是让 Playwright “跑起来”,而是让它在页面结构、加载策略、反爬规则不断变化时仍能持续产出有效数据。DOM 选择器、等待条件、用户行为节奏,这三处稍一松懈,脚本就变成“看天吃饭”。
TimeoutErrorpage.goto(url)page.goto(url)wait_until="networkidle"wait_until="commit"page.wait_for_selector("div.product-list")contextfetchXHRpage.route()page.content()content()page.inner_html("main")page.eval_on_selector("div#list", "el => el.innerHTML")window.__DATA__page.evaluate("() => window.__DATA__")seleniumwait_for_*time.sleep()try/exceptpage.is_visible()page.is_enabled()wait_for_selector()page.click("button#load-more")navigator.webdriverpage.mouse.move(x, y)page.mouse.down()page.mouse.up()page.wait_for_timeout(300)page.evaluate("window.scrollTo(0, document.body.scrollHeight)")playwright.chromium.launch(headless=True, args=["--disable-blink-features=AutomationControlled"])page.add_init_script("Object.defineProperty(navigator, 'webdriver', {get: () => undefined})")fill()type()delay=100page.query_selector("div.item")[data-testid="product-card"][aria-label="商品详情"]//article[contains(@class, "card") or contains(@class, "item")]//h3page.query_selector_all()is_visible()/api/items?page=2requests