挖坟 OS X「三」用 Safari 获取完整网页截图

说起 OS X 内置的截图功能应该算是有口皆碑的,其强大的功能基本可以不用安装任何第三方截图软件来进行辅助,除非你有特殊需求,比如截取完整版的网页。这项操作通常都是通过第三方软件或是浏览器插件来完成,但或许你不知道原来 Safari 这个系统自带的浏览器在不借助任何插件的情况下也可以干这件事,虽然效果可圈可点,但聊胜于无嘛,应付一般需求或是应个急什么的还是没问题的。

step 1. 打开要截取的网站,这里拿 sina.com 举例,原因嘛你懂的,国内还有首页比这货更长的网站吗?在菜单栏中选择 File – Print,在打开的界面中勾选最下方的 Print backgrounds,并从 Paper Size 中选择 Manage Custom Sizes…「这里的 Safari 版本是 6.0.5,不同的版本界面布局会有些许差异。]

step 2. 在弹出的 Custom Paper Sizes 窗口中点击下方的 + 新建一个 Paper Size,目的是后续可以随时复用。这里的 Width 和 Height 根据需要自行定义,建议高度尽量的高,超出的部分是可以通过后续进行裁剪。具体的数值可以找一个诸如 Sina 这样的典型边测试边设定。至于下方非打印区域的边缘留白就随便了,我喜欢全设为 0。

step 3. 设置完毕后返回打印窗口,这时会发现左侧的预览已经可以看到网页的全部内容了,如果看不全就回去把 Height 加高。点击左下角的 PDF 按钮,在弹出的菜单中选择 Open PDF in Preview,至于后续是保存为 JPG / PNG / TIFF 就随你了,另外别忘了 Preview 是有裁剪功能的,框选后 Cmd + K。

这个方法的弊端在于对于一些有 JS 效果的页面支持并不好,比如例子中 Sina 顶部的导航条就在截取后出现了问题。不过好处也不是没有,如今很多网站都将导航条做成了随页面滚动并常驻顶部的效果,而第三方截图软件或浏览器插件在截取网站全图时采取的方式是自动向下滚动,那么就会导致截出的图片中每隔一屏即可以看到一个导航条,而用 Safari 的打印功能截出的图片则完全没有这个问题。所以,不妨留着备用,兴许什么时候就会用到。