如何在 Puppeteer 中導航到頁面網絡請求的 URL？

Question

我正在使用 Pupeteer 導航到一個發出大量網絡請求的頁面。 如果我看到滿足條件的網絡請求，我想導航到該請求的 url 來源並截取隨后加載的頁面的屏幕截圖。

這是我的代碼：

const puppeteer = require('puppeteer');
(async () => {
    const prefix = "http://example.com/someprefix";
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    await page.setRequestInterception(true);
    page.on('request', async (request) => {
        if (request.url().startsWith(prefix)) {
            // Navigate to request.url() and take a screenshot of request.url()
        }
        return request.continue();
    })
    await page.goto("http://example.com", { waitUntil: 'domcontentloaded' });
    await browser.close();
})();

我如何實現這一目標？

干杯

Answer 1

你有沒有嘗試過：

const puppeteer = require('puppeteer');
(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    await page.setRequestInterception(true);
    page.on('request', async (request) => {
        if (request.url().startsWith(prefix)) {
         const response = await page.goto(request.url());
         await page.waitForNavigation();
         await page.setViewport({ width: 1024, height: 800 });
         await page.screenshot({
         path: "./screenshot.jpg",
         type: "jpeg",
         fullPage: true
         });
        }
        return request.continue();
    })
    await page.goto("http://example.com", { waitUntil: 'domcontentloaded' });
    await browser.close();
    })();