将 onload 添加到元素而不在 Puppeteer 中执行

Question

我正在 Puppeteer 中编写网络爬虫。页面准备好后，我必须重写 HTML 并向某些元素添加 onload。

然而，Puppeteer 实际上执行了onload 事件。

原始元素：<link rel="stylesheet" href="style.css"/>

在 Puppeteer 中，使用 page.evaluate 方法我将以下内容运行到相应的元素：

elem.setAttribute('rel', 'preload');
elem.setAttribute('as', 'style');
elem.setAttribute('onload', "this.rel='stylesheet'");

预期输出：<link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'" />

实际输出：<link rel="stylesheet" as="style" href="style.css" onload="this.rel='stylesheet'"/>

有什么方法可以阻止 Puppeteer 中的 onload 或以某种方式使其工作？

另一种解决方案是在像 Cheerio 这样的 HTML 解析器中执行此部分。

Answer 1

打开页面后，立即设置page.setOfflineMode。这将阻止从预加载中加载该样式，从而停止 onload 事件！

代码：

await page.goto(url, {
    waitUntil: 'networkidle2',
});

await page.setOfflineMode(true);