Chrome浏览器 完美截取网页截图

最近需要用到截取整个网页的工具，尝试了很多的软件和浏览器扩展，但是都不理想，经常遇到的一个就是悬浮元素的问题 ，尤其是很多网页流行对导航菜单添加吸顶效果，导致网页截图被破坏，最终我找到了这个使用Chrome开发者工具的方法截取网页，可以完美实现整个网页截取长图片，下面给大家分享下

该方法使用起来也非常简单，除了Chrome浏览器，没有其他额外的工具

首先打开需要截图的网页，按F12键调出开发者工具

然后点击快捷键 Ctrl + Shift + P，会看到一个如下图所示的下拉菜单

300w" data-lazy-sizes="(max-width: 569px) 100vw, 569px" data-lazy-src="https://www.zhujibiji.com/wp-content/uploads/2018/12/2018131641526.jpg" data-was-processed="true" />

在输入框中写入 capture，你会看到如下的几个选项，当然你也可以移动滚轮直接查找

300w" data-lazy-sizes="(max-width: 493px) 100vw, 493px" data-lazy-src="https://www.zhujibiji.com/wp-content/uploads/2018/12/2018131747736.jpg" data-was-processed="true" />

我们只需要点击一下这个 Capture full size screenshot，便会自动截取整个屏幕