Playwright Python：如何定位含特定src的动态IDiframe并确保加载？

1. 根据src文本定位iframe #

由于目标iframe的ID动态生成，但src始终包含MIR002AC字段，可以直接用CSS属性包含选择器定位，或者结合ID格式双重筛选提高准确性：

方法一：仅匹配src包含指定字段的iframe #

// 匹配src中包含"MIR002AC"的iframe
const targetIframe = document.querySelector('iframe[src*="MIR002AC"]');

[src*="xxx"] 是CSS属性包含选择器，会匹配所有src属性里包含指定字符串的iframe元素，完全适配你的场景。

方法二：结合ID格式双重筛选 #

如果页面中有多个包含该字段的iframe，可以同时匹配ID开头格式（ext-gen+4位数字）进一步缩小范围：

// 同时匹配ID以"ext-gen"开头、src包含"MIR002AC"的iframe
const targetIframe = document.querySelector('iframe[id^="ext-gen"][src*="MIR002AC"]');

[id^="ext-gen"] 会匹配所有ID以ext-gen开头的元素，双重筛选更精准。

2. 确保iframe加载完成 #

调用page.frames找不到iframe，大概率是因为iframe还未完成加载。可以通过监听load事件或检查readyState来确保加载完成：

针对单个目标iframe的等待方案 #

先定位到iframe，再判断是否已加载，未加载则监听load事件：

const targetIframe = document.querySelector('iframe[src*="MIR002AC"]');

if (targetIframe) {
  // 检查iframe是否已加载完成
  if (targetIframe.contentDocument?.readyState === 'complete') {
    operateInIframe(targetIframe);
  } else {
    // 监听load事件，加载完成后执行操作
    targetIframe.addEventListener('load', () => operateInIframe(targetIframe));
  }
}

// 封装iframe内的操作逻辑
function operateInIframe(iframe) {
  // 替换成你要点击的按钮的选择器，比如按类名/文本定位
  const targetButton = iframe.contentDocument.querySelector('button');
  targetButton?.click();
}

等待所有iframe加载完成的方案 #

如果需要确保页面中所有iframe都加载完毕再操作，可以用Promise.all批量处理：

// 获取页面所有iframe并转换为数组
const allIframes = Array.from(document.querySelectorAll('iframe'));

// 为每个iframe创建加载完成的Promise
const loadPromises = allIframes.map(iframe => {
  return new Promise(resolve => {
    if (iframe.contentDocument?.readyState === 'complete') {
      resolve(iframe);
    } else {
      iframe.addEventListener('load', () => resolve(iframe));
    }
  });
});

// 等待所有iframe加载完成后执行操作
Promise.all(loadPromises).then(() => {
  const targetIframe = document.querySelector('iframe[src*="MIR002AC"]');
  if (targetIframe) {
    const targetButton = targetIframe.contentDocument.querySelector('button');
    targetButton?.click();
  }
});

注意：如果iframe的src与主页面不同域，会存在浏览器跨域限制，无法访问contentDocument，这种情况需要页面本身具备跨域权限或采用其他方案。

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