我用Github Action为自己网站做了定时快照
,‘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就安装上了。





