puppeteer常规操作代码段

目录

一、获取界面二维码并打印处理

[二、等待某个元素消失后 再进行操作](#二、等待某个元素消失后 再进行操作)

三、使用puppteer点击搜索框，并输入内容后点击搜索

---

一、获取界面二维码并打印处理

const puppeteer = require('puppeteer');

async function findQRCodeByXPath() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');

  const xPath = '//img[contains(@class, "qrcode")]'; // 替换为实际的 XPath 表达式

  const qrcodeElements = await page.$x(xPath);

  if (qrcodeElements.length > 0) {
    const qrcodeHandle = await page.evaluateHandle((el) => el.getAttribute('src'), qrcodeElements[0]);
    const qrcodeData = await qrcodeHandle.jsonValue();

    console.log('二维码:', qrcodeData);
    // 在这里可以进行二维码的处理
  } else {
    console.log('没有找到二维码');
  }

  await browser.close();
}

findQRCodeByXPath();

二、等待某个元素消失后 再进行操作

const puppeteer = require('puppeteer');

async function waitForPopupToDisappearAndScroll() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');

  const popupSelector = '.popup'; // 替换为实际弹框元素的 CSS 选择器

  try {
    await page.waitForSelector(popupSelector, { timeout: 5000 });

    // 弹框出现，等待其消失
    await page.waitForSelector(popupSelector, { hidden: true, timeout: 5000 });

    console.log('弹框已消失');

    // 执行其他滑动界面操作
    await page.evaluate(() => {
      // 执行滑动操作的代码
    });
  } catch (error) {
    console.log('没有弹框');
  }

  await browser.close();
}

waitForPopupToDisappearAndScroll();

三、使用puppteer点击搜索框，并输入内容后点击搜索

//1. 使用 Puppeteer 打开页面：

const puppeteer = require('puppeteer');

const main = async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com'); // 替换为目标网页 URL
  // 执行后续操作
};

main();


// 2. 点击搜索框并输入关键字：

// 在相应的选择器上执行点击操作
await page.click('input[name="search"]');
// 等待一定时间，确保搜索框被激活
await page.waitForTimeout(1000); // 1秒
// 在相应的选择器上执行输入操作
await page.type('input[name="search"]', '关键字');


// 3. 等待结果出现并滑动界面到底：

// 等待搜索结果出现，这里使用简单的等待时间，也可以根据实际情况使用更复杂的等待条件
await page.waitForTimeout(3000); // 3秒

while (true) {
  // 滑动到底部
  await page.evaluate(() => {
    window.scrollTo(0, document.body.scrollHeight);
  });

  // 等待一小段时间，让页面加载内容
  await page.waitForTimeout(1000); // 1秒

  // 检查是否已经滑动到底部（可以根据页面元素，如底部加载提示等判断）
  const isEndReached = await page.evaluate(() => {
    // 检查页面是否已经滑动到底部的逻辑，例如:
    // return document.querySelector('#load-more-button') === null;
    // 如果你有特定的元素表示已经到达底部，请适配对应的逻辑
  });

  if (isEndReached) {
    break;
  }
}