网站截图快捷键

Chrome里按一下Ctrl+Shift+S（Mac上是网站Command+Shift+S），整个网页就被完整地存成一张长图了。截图键Windows自带的快捷Win+Shift+S也能截，但只能截当前屏幕可见的网站部分，想截整个页面还得滚动拼接，截图键麻烦得要死。快捷

我第一次发现这个快捷键是网站在给客户做竞品分析的时候。那会儿需要把对方官网的截图键整个产品页存下来做标注，网页长得离谱，快捷鼠标滚轮滚了七八下才到底。网站用截图工具一张张拼，截图键拼到第三张就对不齐了，快捷像素之间总有那么一两像素的网站偏差，气得我差点把显示器砸了。截图键后来同事瞥了一眼，快捷随手按下Ctrl+Shift+S，Chrome自动弹出"整页捕获"的选项，点一下，一张完美无缺的长图就躺在下载文件夹里了。我当时愣了两秒，然后默默把刚才拼到一半的图删了。

这个功能其实藏在开发者工具里——按F12打开DevTools，再按Ctrl+Shift+P调出命令菜单，输入"screenshot"，会看到"Capture full size screenshot"选项。但谁记得住这么长的路径？直接按Ctrl+Shift+S，浏览器会弹出截图模式，右上角有个下拉箭头，点开就能选"捕获整页"。真正用起来，还是这个组合键最顺手。

Edge浏览器也支持同样的操作，毕竟内核是Chromium，快捷键完全一致。Firefox用户就惨一点，Ctrl+Shift+S是打开"页面截图"工具，但那个工具默认只截可见区域，想截全页得先点一下右上角的"保存完整页面"按钮，多一步操作，聊胜于无。Safari就更别提了，原生压根没这功能，得装第三方扩展。

我有个做UI设计的朋友，天天拿这个快捷键截各种App的App Store详情页，用来做竞品设计分析。他跟我说，这功能比任何收费的截图软件都好用，因为截图质量无损，不会像某些工具那样压缩画质。而且Chrome还能截出那种超长的、包含动态加载内容的页面——比如无限滚动的社交媒体页面，只要你先手动滚到最底部，让所有内容都加载出来，再按快捷键，它就能把整个已加载的内容全部捕捉下来。

对了，还有个隐藏技巧：按住Ctrl再点右键（Mac上按住Command），在右键菜单里也能找到"捕获整页"的选项。不过这个操作方式有点反直觉，大部分人不会去右键一个网页然后找截图功能。我还是老老实实推荐快捷键，肌肉记忆一旦形成，效率提升是立竿见影的。

现在每次需要给别人发网页截图，我都不开任何截图软件了。浏览器自带的功能，零学习成本，零额外工具，按下三个键，一张高清长图直接存成PNG。你要是还在用手机拍屏幕再裁剪，真的，趁早改改。

本文地址：http://www.79wt.cn/news/1220f1399864.html