如何将响应对象传递给 puppeteer 中的外部回调函数？

Question

我试图将我的 puppeteer 代码模块化，并希望将 page.on 事件功能添加到不同的文件中。看起来我无法将响应对象发送到外部文件。我该怎么做？

ma​​in.js

const puppeteer = require('puppeteer');
const sniffer = require('./sniffer.js')

(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  await page.goto('https://www.google.com/')

  page.on('response', sniffer(response) );
  
  /** currently working like this
  page.on('response', async (response) => { 
  /** sniffer code **/
  })
  **/

  await browser.close()
})()

sniffer.js

async function sniffResponse (response) {
    /** sniffer code **/
}

module.exports.sniffer = sniffResponse;

Answer 1

1. page.on()（或更一般的eventEmitter.on()）需要对函数的引用作为事件处理程序。将调用括号添加到函数时，会将对函数的引用替换为函数返回的结果。所以你只需要page.on('response', sniffer);。

2. response 参数自动提供给处理程序。您可以在event signature 的文档中看到这一点。因此，您无需更改 sniffer.js 中的任何内容。

3. 看来您还需要编辑导入行。试试：

const { sniffer } = require('./sniffer.js');

或：

const sniffer = require('./sniffer.js').sniffer;