简介

这是一个因为想给自己的主题截图，结果发现市面上的截图工具素材都很旧，像素也不高，于是衍生出自己搓一个专门用来展示的小工具。

由于纯通过前端截图的种种限制，我觉得没必要费那么大力气去做个纯前端的截图，大家可以自己通过F12开发者工具，然后将开发者工具作为独立窗口移出去，再通过浏览器的dom截图即可，这个功能火狐和谷歌浏览器都是支持的。

预览图

教程

在线地址：website-screenshot

首先我们点击右侧的相机按钮，此时会将不需要的元素全部隐藏。

然后我们就可以使用不同的浏览器的元素截图功能进行截图，直接选择body元素即可，注意记得将f12工具作为独立窗口，不然浏览器这个憨批它截图不全，f12控制台会压缩掉部分高度。