当iframe没有名称且页面存在大量frame时，通过父元素定位目标iframe确实是最稳妥的方式，用Puppeteer可以按以下步骤实现：

1. 定位目标iframe元素 #

首先利用父元素的ID（这里是foo），结合CSS选择器定位到嵌套的iframe元素：

// 等待父元素下的iframe加载完成（避免元素未渲染导致获取失败）
await page.waitForSelector('#foo iframe');
// 获取iframe元素对象
const targetIframeElement = await page.$('#foo iframe');

2. 获取iframe对应的Frame对象 #

拿到iframe元素后，调用contentFrame()方法获取其对应的Frame实例，这是Puppeteer操作iframe内部内容的关键：

const targetFrame = await targetIframeElement.contentFrame();

3. 操作iframe内的元素 #

现在你就可以像操作主页面一样，在这个Frame对象上执行点击、选择器查询等操作了。比如点击iframe内ID为target-element的元素：

// 等待iframe内的目标元素加载完成
await targetFrame.waitForSelector('#target-element');
// 执行点击操作
await targetFrame.click('#target-element');

注意事项 #

• 如果iframe是动态加载的（比如通过AJAX插入），一定要用waitForSelector等待元素出现后再进行后续操作，避免出现元素不存在的错误。
• 如果目标iframe存在跨域情况，Puppeteer会受到浏览器同源策略限制，无法直接操作内部内容，这种情况需要额外配置启动参数（比如--disable-web-security），但要注意这会带来安全风险，仅适用于测试场景。

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