npm install puppeteer

const puppeteer = require('puppeteer');

(async () => {
  // 啟動瀏覽器
  const browser = await puppeteer.launch({
    headless: false, // 設置為 false 方便觀察瀏覽器行為
    slowMo: 50, // 放慢執(zhí)行速度，方便觀察
  });

  // 打開新頁面
  const page = await browser.newPage();

  // 監(jiān)聽網(wǎng)絡請求
  page.on('request', request => {
    if (request.method() === 'GET') {
      console.log(`GET 請求: ${request.url()}`);
    } else if (request.method() === 'POST') {
      console.log(`POST 請求: ${request.url()}`);
      console.log(`POST 請求數(shù)據(jù): ${request.postData()}`);
    }
    request.continue(); // 繼續(xù)處理請求
  });

  // 打開目標網(wǎng)頁
  await page.goto('https://example.com');

  // 等待一段時間，觀察接口請求
  await page.waitForTimeout(5000);

  // 關閉瀏覽器
  await browser.close();
})();

async function printPageRequests(url = 'https://www.baidu.com', action = '', format = 'txt') {
  console.log(TAG, `printPageRequests start, url:${url}, action:${action}', format:${format}`)
  // const browser = await puppeteer.launch({ headless: false });
  const browser = await puppeteer.launch({headless: true});
  const page = await browser.newPage();

  page.on('request', (request) => {
    // const resourceType = request.resourceType();
    // if (resourceType === 'fetch') {
    //   console.log(`Fetch Request: ${request.method()} ${request.url()}`);
    // }
    request.continue();
  });

  page.on('response', async (response) => {
    const request = response.request();
    const resourceType = request.resourceType();
    if (resourceType === 'fetch' || resourceType === 'xhr') {
      const requestInfo = `Fetch Response: ${request.method()} ${request.url()} - Status: ${response.status()} `
      if (action === 'printBody') {
        if (format === 'txt') {
          try {
            // 嘗試獲取響應內(nèi)容
            const responseBody = await response.text();
            console.log(`${requestInfo} txt Body: ${responseBody}`);
          } catch (error) {
            console.error(`${requestInfo}, Failed to get response body: ${error}`);
          }
        } else if (format === 'json') {
          try {
            // 嘗試獲取響應內(nèi)容
            const responseBody = await response.json();
            console.log(`${requestInfo}, Response json Body: ${JSON.stringify(responseBody, null, 2)}`);
          } catch (error) {
            console.error(`Failed to get response body: ${error}`);
          }
        }
      }
    }
  });

  await page.setRequestInterception(true);

  try {
    console.log(`Navigating to ${url}`);
    await page.goto(url, {timeout: 60000});
    console.log(`Navigation completed`);
  } catch (error) {
    if (error.name === 'TimeoutError') {
      console.error(`Navigation timeout exceeded for ${url}`);
    } else {
      throw error;
    }
  }

  await browser.close();
  console.log(TAG, 'printPageRequests end')
}