你是不是也遇到过这种尴尬?老板让你把某个网页的内容截下来做汇报,你打开QQ截图,结果页面太长,得拼半天图,还容易错位。或者用微信截图,只能截屏,长页面根本搞不定。这篇就是来解决这个问题的。不用下载任何乱七八糟的软件,不用装插件,浏览器自带的功能其实强得离谱。只要掌握这几个网页怎么截图快捷键,你以后截图效率能翻倍,还能一键保存长页面。
先说最基础的,如果你只是想截个局部,或者全屏。Windows用户,按Win+Shift+S。对,就是那个系统自带的截图工具。选区域,双击就能编辑,然后Ctrl+C复制,直接去微信或者文档里粘贴。这招最快,适合临时应急。Mac用户更简单,Command+Shift+4,光标变成十字,拖拽选择区域。松开鼠标就自动存到桌面了。这俩是基础操作,估计大家都知道,但很多人不知道后面那个大招。
重点来了,如果你需要截长图,比如一个很长的文章页面,或者一个很长的列表。这时候普通的截图键就不好使了。这时候你要用到浏览器的开发者工具。别听到“开发者工具”就头大,其实很简单。在网页上右键,点击“检查”,或者按F12。这时候屏幕右边或者下边会弹出一个代码面板。别慌,别看那些代码,你看不懂也没关系。
在弹出的面板里,找到左上角那个小图标,像个手机和平板一样的,叫“Toggle device toolbar”。或者直接用快捷键Ctrl+Shift+M(Mac是Command+Shift+M)。这时候网页视图会变成一个手机或平板的样子。在顶部的下拉菜单里,选一个分辨率,比如iPhone 12或者iPad Pro。这时候你会发现,页面被压缩了。
接下来是关键一步。在代码面板里,按Ctrl+Shift+P(Mac是Command+Shift+P),这会调出命令面板。输入“screenshot”,你会看到几个选项。选“Capture full size screenshot”。注意,是Capture full size,不是Capture node。点一下,浏览器会自动把整个网页,不管多长,一次性截下来,然后自动保存到你的下载文件夹里。文件名通常叫screenshot.png。
这招有个小坑,就是有些网页加载是懒加载的,也就是你往下滑才会加载更多内容。如果你直接截图,可能后面是白的。所以,在截图前,最好手动往下滚一遍,让内容都加载出来。或者,你可以用另一种方法。在开发者工具里,按Ctrl+Shift+I打开命令面板,输入“show ruler”,有时候能辅助定位,但这招不如直接滚轮管用。
还有更简单的吗?有。现在主流浏览器,比如Chrome、Edge,其实已经内置了截图功能。在Chrome里,按Ctrl+Shift+I打开开发者工具,然后按Ctrl+Shift+P,输入“screenshot”,选“Capture full size screenshot”。这跟上面说的其实是一样的,只是路径不同。但如果你用的是Edge浏览器,更爽。直接在地址栏旁边,或者右键菜单里,找“网页捕获”。或者按Ctrl+Shift+S。对,就是Ctrl+Shift+S。这会弹出一个截图工具,你可以选区域、窗口或者整个网页。选整个网页,它会自动滚动并拼接。这比开发者工具那套流程快多了,而且不用记代码。
我有个朋友,做运营的,以前每次截长图都要用PS拼半天,或者用专门的截图软件,结果软件还老弹窗广告。后来教了他这个Edge的Ctrl+Shift+S,他直呼内行。他说,现在给老板交差,一分钟搞定。而且,这些截图都是高清的,不像微信截图那样压缩得模糊不清。
当然,如果你是在Mac上,Safari浏览器也支持长截图。选中页面,右键,或者用快捷键,选择“为整个页面创建PDF”。虽然不是图片,但效果一样,而且文件更小。如果是Chrome,还是得靠开发者工具那套。
总结一下,别折腾第三方软件了。Windows用户,日常用Win+Shift+S,长图用Edge的Ctrl+Shift+S,或者Chrome的开发者工具。Mac用户,Command+Shift+4截局部,长图用Safari转PDF,或者Chrome开发者工具。记住这几个网页怎么截图快捷键,真的能省不少事。
最后提醒一下,截图前记得把页面上的弹窗、广告关掉,不然截下来一堆乱七八糟的东西,还得后期修图,那就本末倒置了。还有,有些网页有版权保护,禁止截图,这时候你就算截下来了,可能也看不了,或者会被警告。所以,尊重版权,只截自己需要的内容。
这招学会了,以后截图再也不求人。赶紧试试,看看你的浏览器支持不支持。如果不支持,那就换个浏览器吧,毕竟工具是为了提高效率,不是为了增加麻烦。