网上有不少插件或工具软件类能实现网页长截图的功能。此处介绍一个Chrome浏览器自带的网页长截图功能。此文只介绍步骤,想了解细节请看原文:利用 Chrome 原生工具进行网页长截图 | 一日一技。chrome版本至少59。
chrome网页长截图
- 按下
⌘Command + ⌥Option + I(Windows 为 F12)
快捷键,召唤出调试界面。 - 按下
⌘Command + ⇧Shift + P(Windows 为 Ctrl + Shift + P)
,输入命令Capture full size screenshot
(只输前几个字母就能找到,支持模糊查找),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。
注:如果想进行手机版网页长截图,请将开发者模式(F12)界面切换成模拟手机方式,再按照上面的第2步进行长截图。
chrome网页部分截图
- 按下
⌘Command + ⌥Option + I(Windows 为 F12)
快捷键,召唤出调试界面。 - 如果你想准确截取网页的某一部分,可以按下
⌘Command + ⇧Shift + C(Windows 为 Ctrl + Shift + C)
嗅探元素。选中想要的部分后,再运行Capture node screenshot
命令,一张完美的选区截图就诞生了。