Node.js 使用 playwright 获取页面中同一 url 的所有响应

发布于09月02日

大家好，

我想在一个页面中获得相同URL的所有响应，这样我就可以合并响应进行处理.

我试着用这个代码，它只给出第一个响应，但有10个相同的url请求data/api.json.

 const responsePromise = page.waitForResponse(response => {
      response.url().includes('data/api.json') && response.status() === 200
    });
    const response = await responsePromise;
    const data = await response.json()
    console.log(await response.allHeaders(), "allheader")

推荐答案

您可以使用page.on为您的请求分配处理程序.

您可以声明一个数组，然后在处理程序内部的Event requestfinished中将需要的请求推送到它，然后加载站点(或执行导致您的请求的操作)，使用第一个请求的waitForResponse，当您预计所有请求都已收到时，等待某些条件(例如，对于请求收集长度不会随着某个时间间隔或网络空闲而变化).

    const responses: HTTPResponse[] = [];
    const urlPart = 'data/api.json';
    const handler = req => {
      if (req.url().includes(urlPart) && req.response() && req.response().ok()) {
        responses.push(req.response());
      }
    }
    page.on('requestfinished', handler);
    await page.goto("https://yourURL");
    await page.waitForResponse(res => res.request().url().includes(urlPart));
    // propbably there should be another condition where you are sure that no new responses are come
    const jsons = await Promise.all(responses.map(r => r.json()));
    jsons.forEach(json => console.log(json));