利用 Chrome 进行网页长截图

字数 361阅读 30

网上有不少插件或工具软件类能实现网页长截图的功能。此处介绍一个Chrome浏览器自带的网页长截图功能。此文只介绍步骤,想了解细节请看原文:利用 Chrome 原生工具进行网页长截图 | 一日一技。chrome版本至少59。

chrome网页长截图

  1. 按下 ⌘Command + ⌥Option + I(Windows 为 F12)快捷键,召唤出调试界面。
  2. 按下⌘Command + ⇧Shift + P(Windows 为 Ctrl + Shift + P),输入命令 Capture full size screenshot(只输前几个字母就能找到,支持模糊查找),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。

注:如果想进行手机版网页长截图,请将开发者模式(F12)界面切换成模拟手机方式,再按照上面的第2步进行长截图。

chrome网页部分截图

  1. 按下 ⌘Command + ⌥Option + I(Windows 为 F12)快捷键,召唤出调试界面。
  2. 如果你想准确截取网页的某一部分,可以按下 ⌘Command + ⇧Shift + C(Windows 为 Ctrl + Shift + C)嗅探元素。选中想要的部分后,再运行 Capture node screenshot命令,一张完美的选区截图就诞生了。

推荐阅读更多精彩内容