网页截图API - 免费网页在线截图,自动生成缩略图

更新日期: 2022-01-28 阅读: 5.9k 标签: 截图

前言

在开发中需要对某个网站进行自动截图,然后保存到服务器的操作,自己写一个截图功能太浪费时间,推荐大家使用下面几种免费的网页截图接口网站来完成,简单快捷,同时也可以直接在img标签中使用。


1、urlscan.io

使用方法:

https://urlscan.io/liveshot/?width=宽度&height=高度&url=网址

例如:https://urlscan.io/liveshot/?width=600&height=400&url=https://www.fly63.com/


2、wordpress

国内速度比较快的一款.

使用方法:

https://s0.wp.com/mshots/v1/网址?w=宽度&h=高度

例如:https://s0.wp.com/mshots/v1/https://www.fly63.com/?w=600&h=400


3、screenshotmaster

网页截屏大师使用真正的Chrome浏览器捕捉像素完美的屏幕截图,我们的核心服务托管在阿里云与腾讯云之上,api天然分布式、高可用。使用方法:

https://www.screenshotmaster.com/api/v1/screenshot?url=需要截图的URL&token=您的API token&width=宽度&height=高度

该方式需要去官网申请API token。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/11083

js实现整页截图

html2canvas 传入的是 dom对象。这是一个异步函数。可以截图指定元素区域。html2canvas 的 useCORS 默认是False(跨域)。如果不跨域,则截图中无法加载跨域图片。

记一次截图+拼图的前端实现

接了一个活动需求,要求页面打开之后,可以长按触发保存图片,并且图片下方需要带上图和二维码的内容,以方便图片分享到朋友圈后可以长按识别二维码打开页面。

更好的网页截图工具:SnapDOM 速度快8倍,效果更清晰

做网页开发时,经常会遇到需要把网页内容变成图片的情况。比如生成分享海报、保存网页内容,或者做报告。以前我们常用 html2canvas 这个工具,但它有些问题:速度慢,有时候效果也不太好。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!