跳到主要內容

事件

簡介​

Playwright 允許監聽網頁上發生的各種類型事件，例如網路請求、子頁面的建立、專用 worker 等。有多種方式可以訂閱這些事件，例如等待事件或新增或移除事件監聽器。

等待事件​

大多數時候，腳本需要等待特定事件發生。以下是一些典型的事件等待模式。

使用 page.waitForRequest() 等待具有指定 URL 的請求

// Start waiting for request before goto. Note no await.
const requestPromise = page.waitForRequest('**/*logo*.png');
await page.goto('https://wikipedia.org');
const request = await requestPromise;
console.log(request.url());

等待彈出視窗

// Start waiting for popup before clicking. Note no await.
const popupPromise = page.waitForEvent('popup');
await page.getByText('open the popup').click();
const popup = await popupPromise;
await popup.goto('https://wikipedia.org');

新增/移除事件監聽器​

有時，事件在隨機時間發生，它們需要被處理，而不是等待它們。 Playwright 支援用於訂閱和取消訂閱事件的傳統語言機制

page.on('request', request => console.log(`Request sent: ${request.url()}`));
const listener = request => console.log(`Request finished: ${request.url()}`);
page.on('requestfinished', listener);
await page.goto('https://wikipedia.org');

page.off('requestfinished', listener);
await page.goto('https://www.openstreetmap.org/');

新增一次性監聽器​

如果某個事件需要處理一次，則有一個方便的 API 可以使用

page.once('dialog', dialog => dialog.accept('2021'));
await page.evaluate("prompt('Enter a number:')");