javascript - 动态参数页面评估

Question

使用Puppeteer从 HTML 页面中抓取不同的元素类型

const evaluation = await page.evaluate(
    () => [...document.querySelectorAll('h2')].map(elem => {
        return elem.className
    })
  )

我希望'h2'成为动态参数

const elementName = "h2"
  const evaluation = await page.evaluate(
    () => [...document.querySelectorAll(elementName)].map(elem => {
        return elem.className
    })
  )

但是当我尝试时出现错误:

错误:评估失败:ReferenceError:elementName 未定义

我做错了什么？

Answer 1

尝试以下操作，它应该可以工作

const elementName = "h2"
  const evaluation = await page.evaluate(
    (elementName) => [...document.querySelectorAll(elementName)].map(elem => {
        return elem.className
    }), elementName
  )

您可以查看以下资源: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind