使用Puppeteer进行网页自动化测试与导航,-CSDN博客

该代码示例展示了如何利用Puppeteer库进行网页自动化操作，包括启动浏览器、拦截请求、登录、导航到特定URL、捕获404错误页面以及进行网络状态等待。主要功能有获取页面权限、测试路由并记录未找到的路由。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const puppeteer = require("puppeteer-core");

const url = "";

const routes = [];

const notFoundRoutes = [];

let first = true;
let currentIndex = 0;

const getRoutes = (res) => {
  res = JSON.parse(res);
  res.data.permissions.forEach((parent) => {
    // 一些逻辑
  });
};

const routesTest = async (browser, index) => {
  currentIndex++;
  const newPage = await browser.newPage();
  console.log(routes[index].url);
  try {
    await newPage.goto(routes[index].url, { waitUntil: "networkidle0" });
  } catch {
    setup();
  }
  const result = await newPage.evaluate(() => {
    return window.location.href;
  });
  addNotFoundUrl(result, routes[index]);
  await newPage.screenshot({
    path: "",
  });
  await newPage.close();
  if (index === routes.length - 1) {
    console.log(notFoundRoutes);
    return;
  }
  routesTest(browser, currentIndex);
};

const sleep = (delay) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve();
    }, delay);
  });
};

function addNotFoundUrl(url, route) {
  const reg = /[/s/S]*[\/404]$/;
  if (reg.test(url)) {
    notFoundRoutes.push({
      title: route.title,
      url: route.url,
    });
  }
}

function containDouleRoutes(route) {
  const reg = /^\/?[^\/]+\/[^\/]*/;
  return reg.test(route);
}

async function setup() {
  const browser = await puppeteer.launch({
    executablePath:
      "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
    headless: false,
  });

  const page = await browser.newPage();

  await page.setRequestInterception(true);

  await page.on("request", (request) => {
    if (request.url().includes("getPermissionsNew")) {
      page.on("response", (response) => {
        if (response.url().includes("getPermissionsNew")) {
          const message = response.text();
          message.then((res) => {
            if (first) {
              first = false;
              getRoutes(res);
              routesTest(browser, currentIndex);
            }
          });
        }
      });
    }
    request.continue();
  });

  await page.goto(url, { waitUntil: "networkidle2" });

  const node1 = await page.$(".login-select > .warp");
  await node1.click();

  await page.waitForNavigation();

  await page.type('input[name="username"]', "");
  await page.type('input[name="password"]', "");

  const button = await page.$x('//*[@id="pane-1"]/form/button');
  await button[0].click();
}

(async () => {
  setup();
})();

页面菜单监控