事件

介绍

Playwright 允许监听在网页上发生的各种类型的事件，例如网络请求、子页面的创建、专用工作线程等。可以通过多种方式订阅这些事件，例如等待事件的发生，或者添加或移除事件监听器。

等待事件

大多数时候，脚本需要等待特定的事件发生。以下是一些典型的事件等待模式。

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

// 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());
javascript

等待弹出窗口：

// 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');
javascript

添加/移除事件监听器

有时，事件发生的时间不确定，而是需要在事件发生时进行处理。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/');
javascript

添加一次性监听器

如果某个事件只需要处理一次，可以使用一个方便的 API 来实现：

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