如何使用选择器通过Playwright查找框架（iframe）

Question

我有一个琐碎的问题，我找不到使用Microsoft Playwright框架的答案。根据文档（https://playwright.dev/#version=v1.1.1&path=docs%2Fcore-concepts.md&q=pages-and-frames），您可以使用以下代码获取iframe

const frame = page.frame（'frame-login'）;

但是如何使用选择器查找和交互iframe？我需要使用CSS选择器来查找我的iframe，因为它没有ID。

任何帮助表示赞赏

Answer 1

您可以先调用ElementHandle来调用$，然后再调用contentFrame函数：

const handle = await page.$('.frame');
const contentFrame = await handle.contentFrame();

Answer 2

您可以使用elementHandle.contentFrame()

await page.waitForSelector('.class-name')

const elementHandle = await page.$('.class-name')
const frame = await elementHandle.contentFrame()

从那时起，您可以像<iframe>那样与await frame.<method_name>的内容进行交互。