javascript - 如何使用选择器使用 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-selector 来查找我的 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();