說起 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 的打印功能截出的圖片則完全沒有這個問題。所以,不妨留著備用,興許什么時候就會用到。