npm install puppeteer

const puppeteer = require('puppeteer');
const fs = require('fs'); // 導(dǎo)入文件系統(tǒng)模塊

// 設(shè)置延時(shí)的工具函數(shù)
function waitForTimeout(time) {
    return new Promise((resolve, reject) => setTimeout(resolve, time));
}

(async () => {
  // 啟動(dòng) Puppeteer 瀏覽器實(shí)例
  const browser = await puppeteer.launch({
    headless: false // 設(shè)置為 false 以便查看操作
  });

  try {
    const page = await browser.newPage();
    await page.setViewport({ width: 1920, height: 800 });

    // 導(dǎo)航到需要設(shè)置 cookie 的頁(yè)面
    await page.goto('http://localhost:8093/admin');

    // 定義多個(gè) cookie 對(duì)象并存儲(chǔ)在數(shù)組中
    const cookies = [
      {
        "name":"Admin-Token",
        "value":"eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjYzYWNmZTVmLWUyNGItNDYwNi05ZjdhLTBkYmU5ZDBhZWJmZCJ9.RqZDMMiRTGUwVSLal9dx2mDyHwkY_vk4Vs2bMSegph7P0eTnKDknN5DOP3wRu18e2NVk5OdVSfJcLmC0N1HHHQ"
      }
      // 可以繼續(xù)添加更多 cookie 對(duì)象
    ];

    // 使用 page.setCookie 方法設(shè)置多個(gè) cookie
    await page.setCookie(...cookies);
    
    // 打印當(dāng)前頁(yè)面的 cookies
    const cookies1 = await page.cookies();
    console.log('當(dāng)前頁(yè)面的 cookies:', cookies1);

    // 導(dǎo)航到目標(biāo)頁(yè)面
    await page.goto('http://localhost:8093/category');

    // 使用 XPath 選擇帶有特定文本的按鈕
    const xpathSelectorC = '//span[text()="50條/頁(yè)"]';
    await page.waitForXPath(xpathSelectorC);

    // 獲取符合條件的元素并模擬點(diǎn)擊操作
    const [element] = await page.$x(xpathSelectorC);
    if (element) {
        await element.evaluate(element => element.click());
        console.log('已選擇 "50條/頁(yè)"');
    } else {
        console.log('未找到 "50條/頁(yè)"');
    }

    // 等待分頁(yè)元素加載完成
    await page.waitForSelector('ul.el-pager');

    // 獲取分頁(yè)的所有 <li> 元素
    const liElements = await page.$$('ul.el-pager li');
    const lastLiElement = liElements[liElements.length - 1];
    let lastLiText = 0;

    if (lastLiElement) {
        lastLiText = await page.evaluate(li => li.textContent, lastLiElement);
        console.log('最后一個(gè) <li> 元素的內(nèi)容:', lastLiText);
    } else {
        console.log('未找到 <li> 元素');
    }

    // 定義表格和分頁(yè)按鈕選擇器
    const tableSelector = 'table';
    const nextButtonSelector = 'button.btn-next';

    // 等待下一頁(yè)按鈕可見(jiàn)
    await page.waitForSelector(nextButtonSelector, { visible: true, timeout: 5000 });
    const totalPages = parseInt(lastLiText); // 獲取總頁(yè)數(shù)
    let currentPage = 1;
    let allTableHTML = ''; // 用于保存所有表格的 HTML 內(nèi)容

    // 遍歷所有分頁(yè)
    while (currentPage <= totalPages) {
      const buttonElement = await page.$(nextButtonSelector);
      const tableElements = await page.$$(tableSelector);

      if (buttonElement) {
        // 點(diǎn)擊“下一頁(yè)”按鈕
        await buttonElement.click();
        await waitForTimeout(3000); // 等待加載

        // 獲取當(dāng)前頁(yè)面的表格內(nèi)容并保存
        for (const tableElement of tableElements) {
          const tableHTML = await tableElement.evaluate(element => element.outerHTML);
          allTableHTML += tableHTML;
        }

        currentPage++; // 增加當(dāng)前頁(yè)數(shù)
      } else {
        console.log('未找到按鈕');
        break; // 如果按鈕不存在，退出循環(huán)
      }
    }

    console.log('已瀏覽到第 ' + totalPages + ' 頁(yè)');
    
    // 你可以將 allTableHTML 保存為文件或進(jìn)一步處理
    fs.writeFileSync('allTables.html', allTableHTML);

    // 完成后關(guān)閉瀏覽器
    await browser.close();

  } catch (e) {
    console.log("發(fā)生錯(cuò)誤：" + e);
  }
})();