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

一、简介

  • 利用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

3.一键启动命令

复制代码
docker-compose up -d

三、使用示例

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

  • 输入页面地址,点击抓取按钮就可实现网页截图,如下:

  1. 使用API调用方式实现截图
  • 接口:GET: http://localhost:14140//screenshot

  • 请求参数:

    字段 类型 是否必填 简介
    url string 需要截图的目标网页地址
    viewport_width int 浏览器视窗宽度(单位px),默认:1280
    viewport_height int 浏览器视窗高度(单位px),默认:720
    wait_second int 打开页面后等待秒数,默认:0,如果有些页面的数据是异步请求获取的,这里才需要设置等待获取时间
    full_page int 是否长截图整个网页,0-否(默认),1-是
  • postman请求示例:

四、演示地址

地址参考: 我这个咩应用

五、总结

  • 一个专注于网页截图的小工具,安装和使用都非常简单
  • 因为有便于集成的API调用功能,可以轻松集成到一些需要网页截图、内容存档等功能的应用
相关推荐
魂兮归乡1 小时前
B2、进度汇报(— 25/06/16)
经验分享·spring boot·ai·vue·团队开发·课程设计·web app
quant_19866 小时前
R语言如何接入实时行情接口
开发语言·经验分享·笔记·python·websocket·金融·r语言
赵谨言15 小时前
基于物联网的智能家居控制系统设计与实现
经验分享·毕业设计
ONETHING_CLOUD_220 小时前
手机能用酒精擦吗?
经验分享·科技·智能手机·数码·实用技巧分享
IT摆渡者1 天前
网络安全护网实战:攻击手段解析与防御策略
运维·网络·经验分享
大刘讲IT2 天前
精益管理与数字化转型的融合:中小制造企业降本增效的双重引擎
经验分享·程序人生·制造·传媒·零售·交通物流
java攻城狮k2 天前
【跟着PMP学习项目管理】项目管理 之 成本管理知识点
经验分享·笔记·学习·产品经理
无妄-20243 天前
软件架构升级中的“隐形地雷”:版本选型与依赖链风险
java·服务器·网络·经验分享
树叶@3 天前
快速上手百宝箱搭建知识闯关游戏助手
经验分享