教你在Chrome里制作网页长截图,无需借助外挂!
2023-11-09 22:24:48
无需软件,教你用 Chrome 原生工具给网页长截图
在当今数字化的时代,截图已成为我们日常工作和学习中不可或缺的一部分。无论你是想保存重要的信息、记录精彩瞬间还是分享有趣的网页内容,截图都能轻松满足你的需求。而说到截图,你首先想到的可能是系统的截图工具或者浏览器扩展,但你是否知道,Chrome和Safari浏览器已经内置了网页截图功能,而且支持长图效果?
虽然这个方法也不是完美的,但也是一个触手可得的方案,让你不借助额外工具就可以轻松截取网页长截图。在本教程中,我们将以Chrome浏览器为例,详细讲解如何在Chrome中截取长截图。无论你是使用Windows、Mac还是Linux系统,都可以按照以下步骤操作:
-
打开Chrome浏览器,并访问你想要截取长截图的网页。
-
在键盘上按下“F12”键,以打开Chrome浏览器的开发者工具。
-
在开发者工具的选项卡中,找到“元素”选项卡,并单击它。
-
在“元素”选项卡中,找到“控制台”选项卡,并单击它。
-
在“控制台”选项卡中,输入以下代码,然后按Enter键运行它:
document.body.scrollHeight
-
你会看到一个数字被打印到“控制台”选项卡中。这个数字代表了该网页的总高度,包括那些看不到的滚动区域。
-
现在,再次按下“F12”键,以关闭开发者工具。
-
在Chrome浏览器的地址栏中,输入以下网址,然后按Enter键:
chrome://flags/#enable-long-screenshots
-
你会看到一个名为“启用长屏幕截图”的选项。将此选项设置为“已启用”。
-
重新启动Chrome浏览器。
-
现在,你可以通过以下两种方式之一截取网页长截图:
- 方法一: 按住Ctrl键,然后同时按下Shift键和P键。
- 方法二: 在Chrome浏览器的工具栏中,单击“更多”图标(三个点),然后选择“更多工具”>“截取长屏幕截图”。
-
在弹出的截屏工具中,你可以选择截取整个网页或部分区域。
-
单击“截取”按钮,即可截取网页长截图。
-
截图默认会放到浏览器的下载目录中。
使用Chrome浏览器内置的长截图功能,你可以轻松地截取长长的网页截图,无需下载任何软件或浏览器扩展。而且,该方法兼容Windows、Mac和Linux系统,非常方便实用。
Chrome截图的技巧和注意事项
-
截取长截图时,如果网页中有正在加载的内容,可能会导致截图不完整。因此,在截取长截图之前,请确保网页中的所有内容都已加载完成。
-
如果你想截取整个网页,可以使用“方法一”中的快捷键组合。如果只想截取网页的某个区域,可以使用“方法二”中的步骤。
-
在截取长截图之前,你可以使用Chrome浏览器的缩放功能调整网页的缩放比例,以获得更合适的截图尺寸。
-
截取长截图后,可以使用图像编辑软件对截图进行编辑和修饰,以获得更美观的效果。
-
Chrome浏览器的长截图功能也适用于截取PDF文件。只需将PDF文件拖放到Chrome浏览器的窗口中,然后按照上述步骤操作即可。
希望本教程能帮助你轻松地使用Chrome浏览器截取长截图。如果你有任何问题或建议,欢迎在评论区留言。