,‘2021-09-15 17:24:29’,’本篇文章预计阅读时间 6 分钟，使用技术包含： - Github Action - Nodejs - Puppeteer+Chromium

最近有空闲，做了一个有意思的小玩意，通过Github Action能定时对我的网站首页做截图并保存起来，具体是怎么实现的呢？这就不得不介绍一个非常实用的插件Puppeteer 了。

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium. 摘自 puppeteer 官方介绍

Puppeteer 是一个针对Chromium API进行封装的Node包，其可以通过几个简单的函数就实现对网页的操作，而且因为使用的是Chromium内核，所以使用React、Vue或AngularJS等前端渲染的页面，也能完全载入不受影响，可以说和我们用浏览器访问的效果是一样的。

安装

安装puppeteer，安装时需要注意，是需要将对应版本的Chromium也安装的。

npm i puppeteer

然后需要进入puppeteer包内安装下依赖，这样对应版本的chromium就安装上了。