如何使用 Playwright 使用选择器查找框架 (iframe)

Question

我有一个小问题，无法找到使用 Microsoft Playwright 框架的答案。根据文档，您可以使用以下代码获取 iframe：

const frame = page.frame('frame-login');

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

任何帮助表示赞赏

Answer 1

您可以使用elementHandle.contentFrame()

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

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

从那一刻起，您就可以与以下内容进行交互<iframe>：await frame.<method_name>。

Answer 2

您可以获取ElementHandle调用$，然后调用contentFrame函数：

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