网页保存为图片[rasterizeHTML]

任意打开一个网页,比如当前这个页面,或者https://www.qq.com,按F12,在控制台输入以下脚本,回车。

你会发现整个网站变成了一张图片~(含屏幕滚动外的部分)

var s = document.createElement('script');
s.src="https://cdn.bootcss.com/rasterizehtml/1.3.0/rasterizeHTML.allinone.js";
s.onload=function(){
    rasterizeHTML.drawDocument(document, {width: document.body.clientWidth}).then(function(res){
            document.body.innerHTML = '页面截图已生成:<br/>' + res.image.outerHTML
    });
}
document.head.appendChild(s)

 

posted on 2020-03-07 14:01  东篱南山  阅读(2824)  评论(0)    收藏  举报

编辑推荐:
· 复杂业务系统线上问题排查过程
· 通过抓包,深入揭秘MCP协议底层通信
· 记一次.NET MAUI项目中绑定Android库实现硬件控制的开发经历
· 糊涂啊!这个需求居然没想到用时间轮来解决
· 浅谈为什么我讨厌分布式事务
阅读排行:
· 为大模型 MCP Code Interpreter 而生:C# Runner 开源发布
· 面试时该如何做好自我介绍呢?附带介绍样板示例!!!
· Coze Studio:字节跳动 Coze 的开源版本来了!第一时间深度解析
· 复杂业务系统线上问题排查过程
· 本可避免的P1事故:Nginx变更导致网关请求均响应400
< 2025年7月 >
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9

导航

统计

点击右上角即可分享
微信分享提示