通常咱们会应用零碎的截图工具或者浏览器扩大给网页截图,然而实际上 Chrome
和Safari
都曾经内置了网页截图性能,而且反对长图成果。
尽管这个办法也不是完满的,但也是一个触手可得的计划,让你不借助额定工具截图。
关上查看工具
按下 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 + 空格
- 先按
⌘Command + ⇧Shift + 4
,而后放开 - 接着再按空格键
- 要去除窗口暗影成果,请在点按时按
⌥Option
不放 - 点击想要截图的窗口
在 macOS Mojave
或更高版本中,还能够通过“截屏”App 来设定计时器以及选取截屏的存储地位。要关上这个 App,请同时按住以下三个按键:Shift、Command 和 5。
对于“截屏”App 和 Windows
上截图快捷键的介绍,敬请期待下篇文章。
文章首发:
无需软件,教你用 Chrome 原生工具给网页长截图