Playwright点击Facebook‘查看更多评论’元素触发TimeoutError求助

问题描述 #

使用Playwright定位Facebook群组页面中的“查看更多评论”（页面显示为Ver más respuestas）元素时，通过page.locator('span[dir="auto"]:has-text("See more comments")').all()能获取到8个匹配定位器，但循环点击或单独点击第一个元素时，均触发TimeoutError: Timeout 30000ms exceeded。点击该元素本应弹出包含目标信息的<div aria-labelledby=":r7q:" role="dialog"弹窗，但点击操作超时失败。

解决方案 #

1. 优化定位器精度 #

原定位器可能匹配到不可见或非目标元素，可结合元素的交互属性或实际显示文本调整：

• 匹配页面实际显示的西语文本：

locator = page.locator('span[dir="auto"]:has-text("Ver más respuestas")')

• 结合父级按钮容器（Facebook的可点击元素通常带role="button"）：

locator = page.locator('div[role="button"]:has(span[dir="auto"]:has-text("Ver más respuestas"))')

2. 确保元素可交互后再点击 #

显式等待元素可见、滚动到视图内，避免因元素不可见导致超时：

for index in list_of_locators:
    # 滚动到元素所在位置
    index.scroll_into_view_if_needed()
    # 等待元素可见且可交互
    index.wait_for(state="visible", timeout=10000)
    # 调整点击超时时间
    index.click(timeout=15000)

若元素被遮挡，可临时用force=True强制点击（仅用于排查，不推荐长期使用）：

index.click(force=True)

3. 避免Stale Element问题 #

一次性获取的定位器列表可能因页面动态更新失效，改为每次循环重新获取可见元素：

while True:
    # 实时获取当前页面的目标元素
    locators = page.locator('div[role="button"]:has(span[dir="auto"]:has-text("Ver más respuestas"))').all()
    if not locators:
        break
    target_locator = locators[0]
    target_locator.scroll_into_view_if_needed()
    target_locator.wait_for(state="visible")
    target_locator.click()
    # 等待弹窗加载完成
    page.wait_for_selector('div[role="dialog"][aria-labelledby^=":r"]', timeout=15000)
    # 处理弹窗内容后可选择关闭
    # page.locator('div[role="dialog"] button[aria-label="Cerrar"]').click()
    self.counter += 1

4. 调整页面等待策略 #

Facebook是单页应用，替换load状态为networkidle，或等待特定弹窗/请求完成：

# 点击后等待弹窗出现
target_locator.click()
page.wait_for_selector('div[role="dialog"][aria-labelledby^=":r"]', timeout=15000)

# 或者等待GraphQL请求完成
page.wait_for_response(lambda res: "api/graphql" in res.url and res.status == 200, timeout=20000)

5. 检查登录状态有效性 #

确保Cookie有效，登录状态正常：

page.goto("https://www.facebook.com/groups/javascript.react.node", wait_until='networkidle')
# 验证是否登录成功
if not page.locator('div[aria-label="Tu perfil"]').is_visible():
    print("Cookie失效，请更新登录凭证")
    browser.close()
    return

6. 避免重复绑定响应事件 #

原代码在循环内重复绑定page.on("response")，会导致多次触发，应移到循环外：

# 仅绑定一次响应监听
page.on("response", self.filter_comment_response)
for index in list_of_locators:
    # 点击逻辑...

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