Skip to content

raojinlin/url-snapshot

Repository files navigation

url-snapshot

一个强大的工具,可以轻松生成网页快照。基于 Node.js、Puppeteer 和 React 构建。

功能特点

  • 网页快照:捕获任意 URL 的高质量快照。
  • 自定义选项:支持调整视口大小、全页面捕获等功能。
  • 用户友好界面:基于 React 构建的交互式界面,便于管理快照。
  • 自动化流程:基于 Puppeteer 的自动化操作,实现高效的网页抓取与快照生成。
  • 多语言支持:支持多语言,支持中文和英文。

技术栈

  • Node.js:用于后端逻辑和 API 开发。
  • Puppeteer:用于浏览器自动化和快照生成。
  • React:用于构建前端界面。

安装方法

git clone https://github.com/raojinlin/url-snapshot.git
cd url-snapshot
npm install

使用方法

  1. 启动服务
npm run serve
  1. 在浏览器中打开界面。
http://localhost:3000
  1. 输入 URL 并生成快照。

API 文档

获取截屏

  • 方法: GET

  • URL: /api/snapshot

  • 参数:

    • url: 要截屏的 URL
    • width: 截图宽度,默认为 1280
    • height: 截图高度,默认为 720
    • full: 是否截取整个页面,默认为 false
    • device: 设备类型,默认为 '''
  • 响应:PNG 图片

贡献指南

  1. Fork 这个仓库。
  2. 创建一个分支。
  3. 提交更改。
  4. 创建一个 Pull Request。
  5. 等待合并。

许可证

本项目使用 MIT 许可证。

联系我们

  1. 邮箱:raojinlin301@gmail.com

致谢

  1. Puppeteer
  2. React