返回

教你在Chrome里制作网页长截图,无需借助外挂!

前端

无需软件,教你用 Chrome 原生工具给网页长截图

在当今数字化的时代,截图已成为我们日常工作和学习中不可或缺的一部分。无论你是想保存重要的信息、记录精彩瞬间还是分享有趣的网页内容,截图都能轻松满足你的需求。而说到截图,你首先想到的可能是系统的截图工具或者浏览器扩展,但你是否知道,Chrome和Safari浏览器已经内置了网页截图功能,而且支持长图效果?

虽然这个方法也不是完美的,但也是一个触手可得的方案,让你不借助额外工具就可以轻松截取网页长截图。在本教程中,我们将以Chrome浏览器为例,详细讲解如何在Chrome中截取长截图。无论你是使用Windows、Mac还是Linux系统,都可以按照以下步骤操作:

  1. 打开Chrome浏览器,并访问你想要截取长截图的网页。

  2. 在键盘上按下“F12”键,以打开Chrome浏览器的开发者工具。

  3. 在开发者工具的选项卡中,找到“元素”选项卡,并单击它。

  4. 在“元素”选项卡中,找到“控制台”选项卡,并单击它。

  5. 在“控制台”选项卡中,输入以下代码,然后按Enter键运行它:

document.body.scrollHeight
  1. 你会看到一个数字被打印到“控制台”选项卡中。这个数字代表了该网页的总高度,包括那些看不到的滚动区域。

  2. 现在,再次按下“F12”键,以关闭开发者工具。

  3. 在Chrome浏览器的地址栏中,输入以下网址,然后按Enter键:

chrome://flags/#enable-long-screenshots
  1. 你会看到一个名为“启用长屏幕截图”的选项。将此选项设置为“已启用”。

  2. 重新启动Chrome浏览器。

  3. 现在,你可以通过以下两种方式之一截取网页长截图:

    • 方法一: 按住Ctrl键,然后同时按下Shift键和P键。
    • 方法二: 在Chrome浏览器的工具栏中,单击“更多”图标(三个点),然后选择“更多工具”>“截取长屏幕截图”。
  4. 在弹出的截屏工具中,你可以选择截取整个网页或部分区域。

  5. 单击“截取”按钮,即可截取网页长截图。

  6. 截图默认会放到浏览器的下载目录中。

使用Chrome浏览器内置的长截图功能,你可以轻松地截取长长的网页截图,无需下载任何软件或浏览器扩展。而且,该方法兼容Windows、Mac和Linux系统,非常方便实用。

Chrome截图的技巧和注意事项

  1. 截取长截图时,如果网页中有正在加载的内容,可能会导致截图不完整。因此,在截取长截图之前,请确保网页中的所有内容都已加载完成。

  2. 如果你想截取整个网页,可以使用“方法一”中的快捷键组合。如果只想截取网页的某个区域,可以使用“方法二”中的步骤。

  3. 在截取长截图之前,你可以使用Chrome浏览器的缩放功能调整网页的缩放比例,以获得更合适的截图尺寸。

  4. 截取长截图后,可以使用图像编辑软件对截图进行编辑和修饰,以获得更美观的效果。

  5. Chrome浏览器的长截图功能也适用于截取PDF文件。只需将PDF文件拖放到Chrome浏览器的窗口中,然后按照上述步骤操作即可。

希望本教程能帮助你轻松地使用Chrome浏览器截取长截图。如果你有任何问题或建议,欢迎在评论区留言。