Chrome进行长截图

Posted chenxiaozhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Chrome进行长截图相关的知识,希望对你有一定的参考价值。

步骤1

  在Chrome按F12快捷键,调出[开发者工具]调试页面;

步骤2

  点亮[toggle device toolbar];

技术分享图片

步骤3

  点击[More options](即上图的 三个竖点),选择[Capture full size screenshot]后,会自动截长图(无须任何其他操作)。

技术分享图片

就此完成。所截长图将会自动保存下来。

以上是关于Chrome进行长截图的主要内容,如果未能解决你的问题,请参考以下文章

html2canvas.js网页截图功能

chrome自带的截图

chrome自带的截图

Chrome中非常好用的网页截图插件

Chrome - 使用 开发者工具 对页面截图

javascript 使用Chrome无头捕获DOM元素截图Jest截图