javascript - 有没有办法对网站上的每个页面进行截图？

Question

我们有几个遗留站点正在进行升级。如果能够对每个页面进行屏幕截图，然后对两个域的结果进行 md5 求和，然后测试呈现的所有内容是否 100% 匹配，这将很有用。

我不确定如何做到这一点 - 我们已经看过 cheerio 可以抓取网站但无法截取屏幕截图，以及可以抓取屏幕截图但无法抓取网站的 nightwatch。有没有人有这方面的经验？

Answer 1

一个简单的解决方案是使用 Chrome in headless mode也可以使用许多 Node 模块进行控制，例如 Puppeteer .

摘自 Google Developers 页面:

chrome --headless --disable-gpu --screenshot https://www.chromestatus.com/

关于抓取，您可以混合使用 Cheerio 和 Puppeteer 来抓取链接并截取屏幕截图。或者，您可以找到一些工具，允许导出包含所有网站 URL 的站点地图 ( example )，此时应该很容易遍历它们并截取每个 URL。