关于chrome:无需软件教你用-Chrome-原生工具给网页长截图

33次阅读

共计 933 个字符,预计需要花费 3 分钟才能阅读完成。

通常咱们会应用零碎的截图工具或者浏览器扩大给网页截图,然而实际上 ChromeSafari都曾经内置了网页截图性能,而且反对长图成果。

尽管这个办法也不是完满的,但也是一个触手可得的计划,让你不借助额定工具截图。

关上查看工具

按下 F12 会弹出开发者工具。

抉择命令

而后按下快捷键 ⌘Command + ⇧Shift + P(Windows 为Ctrl + Shift + P),在输入框输出screenshot 即可看到以下几个选项:

  • Capture area screenshot – 截取抉择局部区域截图
  • Capture full size screenshot – 网页长截图
  • Capture node screenshot – 截取指定节点截图
  • Capture screenshot – 截取可视区域截图

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

当在查看工具里点击右键时其实也能看到截图性能,不过目前只有Capture node screenshot,心愿当前能反对更多截图性能。

手机端截图

此外,你还能截取手机成果的长图,首先按下快捷键 ⌘Command + ⇧Shift + M(Windows 为Ctrl + Shift + M) 进入手机端浏览模式。

也能够点击上面按钮切换模式:

而后依照前文的截图命令,即可生成你想要的手机长图。

提醒:浏览器也在左近菜单增加了选项,见下图红框地位。

另外这里反对常见的多种设施拜访成果,也能够自定义其余设施尺寸。

赠送小技巧:对于 macOS 截图快捷键

全屏截图

⇧Shift + ⌘Command + 3

选定区域截图

⇧Shift + ⌘Command + 4

拖移十字线

以抉择要捕获的屏幕区域。要挪动所选区域,请在拖移时按住空格键。要勾销拍摄截屏,请按下 Esc 键。

捕获窗口或菜单

⇧Shift + ⌘Command + 4 + 空格

  1. 先按⌘Command + ⇧Shift + 4,而后放开
  2. 接着再按空格键
  3. 要去除窗口暗影成果,请在点按时按 ⌥Option 不放
  4. 点击想要截图的窗口

macOS Mojave 或更高版本中,还能够通过“截屏”App 来设定计时器以及选取截屏的存储地位。要关上这个 App,请同时按住以下三个按键:Shift、Command 和 5。

对于“截屏”App 和 Windows 上截图快捷键的介绍,敬请期待下篇文章。

文章首发:

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

正文完
 0