网页保存为图片[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  东篱南山  阅读(2777)  评论(0编辑  收藏  举报

导航