javascript - puppeteer 在所选页面上执行 js 函数

Question

这是分析后的页面 https://www.diretta.it/ .

本页后面几天的内容是用js动态加载的，不改变站点的URL(你可以在表格右上角试试)。

使用puppeteer，代码如下

await page.goto ('https://www.diretta.it/');

它加载今天页面的内容。有没有办法用明天的内容加载页面？我必须从接下来几天的比赛中抓取信息

更改日终端的 js 可执行函数是:

> set_calendar_date ('1')

Answer 1

您正在寻找的是 page.evaluate()功能。此函数允许您在页面上下文中运行任何 JS 函数。

简单来说，运行 page.evaluate() 类似于打开 Dev 工具并直接在其中编写 set_calendar_date('1')。

这是一个工作片段，如果你想看到它与你自己的一起工作，请不要犹豫将 {headless: false} 传递给 puppeteer.launch()眼睛。

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://www.diretta.it/');
  await page.evaluate(() => {
    set_calendar_date ('1');
  });
  await page.waitFor(500); //Wait a bit for the website to refresh contents

  //Updated table is now available
})();