如何使用 NodeJS 在木偶器中迭代异步函数

Question

我想用木偶师截图，它正在为一个帖子工作。但我想让它迭代。

如果是普通函数，我可以在代码的最后一侧编写函数名称，以便它可以迭代。但这是异步函数，所以我不知道如何迭代它。

const puppeteer = require('puppeteer');
let postNumber = 1;
let by;
(async () => {
    const browser = await puppeteer.launch({
        executablePath: 'C:\Program Files (x86)\Google\Chrome\Application\chrome.exe',
        userDataDir: 'C:\Users\{computerName}\AppData\Local\Google\Chrome\User Data',
        headless: false
    }); // default is true
    const page = await browser.newPage();
    await page.goto(`https://band.us/band/{someNumbers}/post/${postNumber}`, {
        waitUntil: 'networkidle2'
    });
    let element = await page.$('.boardList');
    by = await page.evaluate(() => document.getElementsByClassName('text')[0].textContent);
    console.log(by);
    await element.screenshot({
        path: `./image/${postNumber}-${by}.png`
    });
    console.log(`SAVED : ${postNumber}-${by}.png`)
    postNumber++;
    await browser.close();
})();

函数完成后，postNumber 变量应增加 1。然后通过新 URL 再次运行代码。

Answer 1

由于您希望一次又一次地运行代码，因此可以使用正常的 for(或 while(循环。 异步/等待代码适用于这些。

您可以在您的情况下使用 for，如下所示：

(async () => {
    const browser = await puppeteer.launch(/* ... */);
    const page = await browser.newPage();
    for (let postNumber = 1; postNumber < 10; postNumber++) {
        await page.goto(/* ... */);
        let element = await page.$('.boardList');
        // ...
    }
    await browser.close();
})();

Answer 2

您可以使用任何适当的循环，例如while -loop：

'use strict';
const puppeteer = require('puppeteer');
(async () => {
    const browser = await puppeteer.launch({
        executablePath: 'C:\Program Files (x86)\Google\Chrome\Application\chrome.exe',
        userDataDir: 'C:\Users\{computerName}\AppData\Local\Google\Chrome\User Data',
        headless: false
    }); // default is true
    const page = await browser.newPage();
    let postNumber = 1;
    while (postNumber <= 10) {
      await page.goto(`https://band.us/band/{someNumbers}/post/${postNumber}`, {
          waitUntil: 'networkidle2'
      });
      const element = await page.$('.boardList');
      const by = await page.evaluate(() => document.getElementsByClassName('text')[0].textContent);
      console.log(by);
      await element.screenshot({
          path: `./image/${postNumber}-${by}.png`
      });
      console.log(`SAVED : ${postNumber}-${by}.png`)
      postNumber++;
    }
    await browser.close();
})();