Puppeteer の `page.evaluate()` 関数に変数を適切に渡すにはどうすればよいですか?

Puppeteer の評価関数に変数を渡す

Puppeteer では、page.evaluate() 関数を使用して開発者がブラウザー コンテキスト内で JavaScript を実行できるようにします。ただし、この関数に変数を渡すのは難しい場合があります。

次の例を考えてみましょう。

const puppeteer = require('puppeteer');

(async() => {

  const browser = await puppeteer.launch({headless: false});
  const page = await browser.newPage();

  const evalVar = 'WHUT??';

  try {

    await page.goto('https://www.google.com.au');
    await page.waitForSelector('#fbar');
    const links = await page.evaluate((evalVar) => {

      console.log('evalVar:', evalVar); // appears undefined

      const urls = [];
      hrefs = document.querySelectorAll('#fbar #fsl a');
      hrefs.forEach(function(el) {
        urls.push(el.href);
      });
      return urls;
    })
    console.log('links:', links);

  } catch (err) {

    console.log('ERR:', err.message);

  } finally {

    // browser.close();

  }

})();

この例では、変数 evalVar が page.evaluate() 関数内で未定義です。この問題を解決するには、変数を引数としてページ関数に渡す必要があります:

const links = await page.evaluate((evalVar) => {

  console.log(evalVar); // 2. should be defined now
  ...

}, evalVar); // 1. pass variable as an argument

このアプローチに従うことで、変数を page.evaluate() 関数に簡単に渡すことができ、ブラウザコンテキスト内でのより複雑な操作。

以上がPuppeteer の `page.evaluate()` 関数に変数を適切に渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。