【开源项目】高效网页截图利器:支持长截图、异步加载内容截图、API调用、Docker一键部署!

玩技站长
玩技站长
管理员, Keymaster
7162
文章
1
粉丝
软件头条评论7字数 403阅读1分20秒阅读模式

【开源项目】高效网页截图利器:支持长截图、异步加载内容截图、API调用、Docker一键部署!-图片1

一、简介

  • 利用playwright自动化工具,模拟浏览器打开网页,实现完整网页截图功能
  • 支持长截图,支持异步加载动态渲染内容截图
  • 支持docker一键部署
  • 支持API调用
  • 项目地址:https://github.com/luler/hello_screenshot

二、安装

  1. 提前安装好docker、docker-compose环境(自行安装,不做赘述)
  2. 新建docker-compose.yml文件,内容如下:
version: '3'
services:
  hello_screenshot:
    image: ghcr.io/luler/hello_screenshot:latest
    privileged: true
    ports:
      - 14140:14140
  1. 一键启动命令
docker-compose up -d

三、使用示例

  1. 直接访问页面即可使用,页面地址:http://localhost:14140/ ,

    • 页面截图如下:
      【开源项目】高效网页截图利器:支持长截图、异步加载内容截图、API调用、Docker一键部署!-图片2
    • 输入页面地址,点击抓取按钮就可实现网页截图,如下:
      【开源项目】高效网页截图利器:支持长截图、异步加载内容截图、API调用、Docker一键部署!-图片2
  2. 使用API调用方式实现截图

    • 接口:GET: http://localhost:14140//screenshot

    • 请求参数

      字段类型是否必填简介
      urlstring需要截图的目标网页地址
      viewport_widthint浏览器视窗宽度(单位px),默认:1280
      viewport_heightint浏览器视窗高度(单位px),默认:720
      wait_secondint打开页面后等待秒数,默认:0,如果有些页面的数据是异步请求获取的,这里才需要设置等待获取时间
      full_pageint是否长截图整个网页,0-否(默认),1-是
    • postman请求示例:
      【开源项目】高效网页截图利器:支持长截图、异步加载内容截图、API调用、Docker一键部署!-图片3

四、演示地址

地址参考:https://cas.luler.top/?search=664f16483a8d2

五、总结

  • 一个专注于网页截图的小工具,安装和使用都非常简单
  • 因为有便于集成的API调用功能,可以轻松集成到一些需要网页截图、内容存档等功能的应用

 
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证