框架(Frames)
简介
一个Page可以附加一个或多个Frame对象。每个页面都有一个主框架(main frame),页面级别的交互(如click
)默认在主框架中执行。
页面可以通过iframe
HTML标签附加额外的框架。这些框架可以被访问以执行框架内的交互操作。
// 定位框架内的元素
const username = await page.frameLocator('.frame-class').getByLabel('用户名');
await username.fill('John');
框架对象
可以使用page.frame() API来访问框架对象:
// 通过框架的name属性获取框架
const frame = page.frame('frame-login');
// 通过框架的URL获取框架
const frame = page.frame({ url: /.*domain.*/ });
// 与框架进行交互
await frame.fill('#username-input', 'John');