框架

簡介

一個 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');