puppeteer怎么设置等待时间?

coycs

已于 2023-03-09 22:50:18 修改

阅读量2.5k

点赞数 5

分类专栏： Puppeteer 文章标签： chrome 前端 javascript node.js Powered by 金山文档

于 2023-01-30 16:42:45 首次发布

本文链接：https://blog.csdn.net/m0_58201165/article/details/128805142

版权

2 篇文章 0 订阅

订阅专栏

2023年1月30日

这个问题是puppeteer怎么等到某个元素出现在页面中才执行程序？中遇到的需求，那篇文章没有描述细节。

这个问题出现的场景是想要等网页的某个元素出现后再执行程序，搜索puppeteer: wait N seconds before continuing to the next line后发现有两种方式：

  await page.waitFor()
  await page.waitForTimeout()

但答案中发现两个都已经过时了：

通过我自己测试发现waitFor已经不能用了，而且我在puppeteer中文文档里也没有找到：

而waitForTimeout能用但vscode中用删除线显示了，那就说明是过时了的：

于是我去查询我常用的puppeteer的中文文档，上面显示版本为19.6.2，但没有找到waitForTimeout：

于是我又找到一个puppeteer官方的英文文档，版本也是19.6.2，但搜索到了waitForTimeout，上面显示过时了：

不仅如此官方文档还提供了取代方案（上面的答案中也提到了）：

await new Promise(r => setTimeout(r, 1000));

还可以封装成函数来方便使用，注意使用时前面要加await：

function delay(time) {
   return new Promise(function(resolve) { 
       setTimeout(resolve, time)
   });
}

await delay(4000);

好的现在程序的问题解决了，但我感到有点悲哀，这样简单的一个问题我辗转搜索测试花费了很长时间。

主要存在的问题有：

一直学习查看的是中文文档。当我没有找到waitForTimeout时我感到很困惑，于是思考是版本问题吗，结果发现就是最新版，然后我想着找找其他的文档再搜索，后来我找到官方的文档搜到了waitForTimeout，还包含了过时的解决方案。但也不能就否认中文文档，毕竟中文更容易理解查阅和学习，其问题就是没有包含对过时内容的说明。可以和官方文档相辅相成。

stackoverflow的回答具有时效性。当时我是直接从上往下看回答的，而回答是Highest score (default)的，所以一开始就看的是过时的内容，浪费了很多时间，同时我事后按最新发布的来看还发现了一篇介绍puppeteer常见使用问题的文章，可以尽早看看。

关注