プロさんのおうち   ～プログラムのサンプル置き場～

• HOME
• サンプル

Consoleイベントを利用して、ログに接頭語を付けてみます。

Consoleイベントは、console.log等が呼び出された際に動作するイベントになります。

今回作成したソースコードは以下にようになります。

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({
        headless: true,
        slowMo: 250
    });
    const page = await browser.newPage();
    await page.goto('https://www.google.com');

    page.on('console', (msg) => {
        console.log('[株式会社PUreatio]' + msg.text());
    })

    // コンソールにログを出力する(これだと反応しない)
    console.log('TEST');
    // コンソールにログを出力する(consoleイベントが反応する)
    await page.evaluate(() => {
        console.log('EVALUATE TEST');
    })

    await browser.close();
})();
				

注意していもらいたいのは、page.evaluateを利用せず、普通にconsole.logを使っただけでは動作しないということです。

サンプルでは、「console.log('TEST')」の部分はイベントが動させず、「console.log('EVALUATE TEST')」の部分のみイベントが動作しています。

• PuppeteerのAPIドキュメント(consoleイベント)

---

メニューに戻る