如何将任何网站变成png

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《如何将任何网站变成png》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

本教程将指导您使用 Puppeteer 对任意网站进行截图和录屏。完整 API 版本 (基于面包和硝基) 可在此处获取。

前提条件：

• 已在您的计算机上安装 Chrome。
• 已安装 Bun (如需顶级等待，您也可以将代码复制到一个快速服务器以获得相同效果)。

网站截图

Puppeteer 提供便捷的网页截图功能，支持全屏截图和可见区域截图。只需启动 Chrome 实例，访问目标网站，并调用截图 API 即可获取图像数据。

以下代码演示了如何截图 Shadcn UI 登录页面：

import puppeteer from 'puppeteer'

const url = 'https://ui.shadcn.com'

const browser = await puppeteer.launch()
const page = await browser.newPage()

// 启用深色模式
await page.emulateMediaFeatures([{ name: 'prefers-color-scheme', value: 'dark' }])
await page.goto(url, { waitUntil: 'networkidle2' })
const data = await page.screenshot({ fullPage: true })
await browser.close()

深色模式截图结果

更多项目请查看我的 GitHub 仓库。我喜欢从零开始构建项目，并通过开源分享我的知识。

以上就是《如何将任何网站变成png》的详细内容，更多关于的资料请关注golang学习网公众号！