使用Python Playwright无法点击动态生成iframe内元素该如何解决

问题背景 #

使用Python Playwright操作设备Web页面时，点击配置标签页成功后，无法定位点击参数配置页面内的时间设置按钮，已尝试的page.click('text=Time Settings')、page.click('id=aTimeSettings')均不生效。

根因说明 #

时间设置按钮位于id=contentframe的iframe内部，Playwright默认仅在顶层DOM树查询元素，无法直接命中iframe内的节点。

操作步骤 #

• 先等待iframe加载完成，获取iframe对应的frame上下文对象
• 在frame上下文内定位目标元素，先执行悬停操作，再触发点击

代码示例 #

# 1. 点击进入配置标签页
page.click('id=laConfig')
# 2. 等待iframe加载，获取frame上下文
frame = page.wait_for_selector('#contentframe').content_frame()
# 3. 等待目标元素加载完成（id定位方式，可适配慢加载场景加长超时时间）
time_setting_btn = frame.wait_for_selector('#aTimeSettings', timeout=10000)
# 4. 模拟用户先悬停再点击的操作
time_setting_btn.hover()
time_setting_btn.click()

如果id定位不稳定，可改用文本定位的替代方案：

# 文本定位写法
time_setting_btn = frame.wait_for_selector('text="Time Settings"', timeout=10000)
time_setting_btn.hover()
time_setting_btn.click()

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