网页抓取：使用 puppeteer 遍历网页应用的每一页

Question

我是javascript 和puppeteer 的初学者，我正在尝试从bulapedia 网站https://en.wikipedia.org/wiki/List_of_generation_I_Pok%C3%A9mon 获取前151 个口袋妖怪描述 在下图中，我复制了单个 pokemon 实例的蓝色标记元素的 XPath，它是我要显示的文本

使用下面的代码，我可以成功抓取元素并以json 值显示文本，但我一次只能手动处理一个口袋妖怪。我想要的是使用puppeteer 遍历每个页面并为前 151 个口袋妖怪执行此操作
我的代码：

const puppeteer = require('puppeteer');

async function getDesc(url){

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto(url);
    //xpath of the selected text above in the pic 
    const [el] = await page.$x('//*[@id="mw-content-text"]/table[5]/tbody/tr[1]/td/table/tbody/tr[2]/td/table/tbody/tr[1]/td');
    const text = await el.getProperty('textContent');
    srcTxt = await text.jsonValue();

    console.log({srcTxt});

    browser.close();

}



//give url for a specific pokemon as input 
getDesc('https://bulbapedia.bulbagarden.net/wiki/Bulbasaur_(Pok%C3%A9mon)');

我相信为每个 pokemon 实例遍历每个 url 的 for 循环是解决方案。但是我不知道如何使用 puppeteer 来实现这一点，我将不胜感激。提前谢谢你。

Answer 1

如果你有一个 URL 数组，你可以试试这样：

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

    const urls = ['https://example.org/1', 'https://example.org/2'];
    const allData = [];

    for (const url of urls) {
      await page.goto(url);

      const data = await page.evaluate(() => {
        return document.querySelector('a').innerText;
      });

      allData.push(data);
    }

    console.log(allData);

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();