跳到主要内容

框架(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');