仅使用可见元素的page.$eval()选择器

page.$eval()是Puppeteer提供的一个方法，它用于在页面中选择符合指定选择器的元素，并对第一个匹配的元素执行自定义的操作。这个方法的语法如下：

page.$eval(selector, pageFunction[, ...args])

参数说明：

selector：一个CSS选择器，用于选择元素。
pageFunction：一个函数，用于在选择的元素上执行操作。这个函数的第一个参数是选择的元素，后续参数是可选的，可以传递给pageFunction使用。
...args：可选参数，用于传递给pageFunction使用。

使用page.$eval()方法，我们可以通过选择器来定位页面中的元素，并执行一些自定义操作。只有第一个匹配的元素会被操作，如果没有匹配的元素，会抛出一个错误。

下面是一个示例，演示如何使用page.$eval()方法：

const puppeteer = require('puppeteer');

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

  const textContent = await page.$eval('h1', element => element.textContent);
  console.log(textContent); // 输出h1元素的文本内容

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

在这个示例中，我们使用page.$eval()方法选择页面中的第一个h1元素，并获取它的文本内容，然后将文本内容打印到控制台。

page.$eval()方法的优势在于，它可以直接在页面上下文中执行自定义的操作，而不需要通过页面的evaluate()方法来执行脚本。这样可以方便地操作页面元素，并获取它们的属性、文本内容等信息。

page.$eval()方法的应用场景包括但不限于：