Puppeteer - 如何填写 iframe 内的表单？

Question

我必须填写一个 iframe 内的表单，这里是 sample page .仅使用 page.focus() 无法访问和 page.type() .我试图通过使用 const formFrame = page.mainFrame().childFrames()[0] 来获取表单 iframe ，这有效，但我无法真正与表单 iframe 交互。

Answer 1

我自己想通了。这是代码。

console.log('waiting for iframe with form to be ready.');
await page.waitForSelector('iframe');
console.log('iframe is ready. Loading iframe content');

const elementHandle = await page.$(
    'iframe[src="https://example.com"]',
);
const frame = await elementHandle.contentFrame();

console.log('filling form in iframe');
await frame.type('#Name', 'Bob', { delay: 100 });