Frames

简介

一个 页面 (Page) 可以带有一个或多个附加到它的 框架 (Frame) 对象。每个页面都有一个主框架，页面级别的交互（如 click）被假定在主框架中执行。

页面可以使用 iframe HTML 标签附加额外的框架。这些框架可以用于框架内部的交互。

// Locate element inside frame
const username = await page.frameLocator('.frame-class').getByLabel('User Name');
await username.fill('John');

框架对象

可以使用 page.frame() API 访问框架对象

// Get frame using the frame's name attribute
const frame = page.frame('frame-login');

// Get frame using frame's URL
const frame = page.frame({ url: /.*domain.*/ });

// Interact with the frame
await frame.fill('#username-input', 'John');