【文件属性】：
文件名称：puppeteer-demo:如何使用Puppeteer拍摄网页屏幕截图并生成动态Open Graph图像以进行社交共享
文件大小：1.85MB
文件格式：ZIP
更新时间：2021-04-30 07:04:08
node opengraph puppeteer JavaScript
如何使用Puppeteer拍摄网页屏幕截图并生成动态Open Graph图像以进行社交共享
在社交媒体上与您的链接共享的精美图片可以提高参与度，这已经不是什么秘密了。 不幸的是，每次发布新博客文章时生成新图像可能非常耗时。 好消息是，我们可以使用一个名为Puppeteer的工具来获取浏览器页面的屏幕截图，以生成动态图像以在您的社交媒体帐户上共享。
让我们来看看！
什么是木偶？
Puppeteer是一个Node库，它提供了高级API来控制无头Chrome或Chromium。 也可以将其配置为使用完整（无头）的Chrome或Chromium。
您可以在浏览器中手动执行的大多数操作都可以使用Puppeteer完成！
该存储库包含一些示例代码，说明如何开始使用Puppeteer生成浏览器页面的屏幕截图。
要求
Puppeteer使用Node执行。 如果你想用木偶举办一个项目，你需要使用可以
【文件预览】：
puppeteer-demo-main
----browser.js(2KB)
----tweet-screenshot.png(912KB)
----android-chrome-192x192.png(16KB)
----package.json(405B)
----apple-touch-icon.png(9KB)
----screenshots()
--------whitep4nth3r.com.png(552KB)
--------stefanjudis.com.png(304KB)
----index.html(4KB)
----api()
--------screenshot.js(3KB)
----favicon-32x32.png(2KB)
----LICENSE(1KB)
----demo.js(1KB)
----node12-screenshot.png(46KB)
----whitep4nth3r_logo.svg(54KB)
----favicon-16x16.png(999B)
----.gitignore(53B)
----puppeteer.png(9KB)
----android-chrome-512x512.png(48KB)
----README.md(8KB)
----yarn.lock(16KB)
----site.webmanifest(419B)
----style.css(4KB)
----favicon.ico(15KB)