蘋科技:在 Mac 上製作 Safari 長截圖,免 App 免外掛製作全網頁螢幕截圖

2018.06.18 08:19AM
mac Safari 螢幕截圖 外掛

每次想截圖卻不知道怎麼截圖,然後又不想下載App,這次教你超方便的Safari截圖。

Mac 內建就有非常方便的螢幕截圖功能,在 macOS 10.14 Mojave 上,螢幕截圖的功能更是大幅進化;但,上網時若想要把一整個網頁的畫面都擷取下來,還是要透過第三方 App 或是 Chrome、Safari 上的外掛才行…本篇教大家的方法,可以免外掛免 App,直接用 Safari 製作長截圖!

mac Safari 螢幕截圖 外掛

如何利用 Safari 擷取網頁畫面?

在你要擷取畫面的網頁中,按 Command + P 叫出「列印」模式,接著就會看到下圖:

Computer program, Product design, Product, Advertising, Computer, Online advertising, Design, Web page, Brand, Computer Icons, applealmond.com/post, posts/33688, 25, 2018, LIVE, ES, BEI, RL, .eng, nics, Help, 2018, UVE, 03, 62, 210x297, A4, T., 100, t1, Safari, iPh, iPhone, Plus, 1/33, POFD, iOS, Apr., Start, your, free, trial, of, Nessus®., Discover, why, 1M, of, your, peers, use, it, for, vuln., TM, Nessus, Professional, NP, Tenable, 2.5k, Visit, Site, 2018, 2018, FIFA, 2018, 14, 15, 32, YouTube, web page, text, software, screenshot, product, product, multimedia, font, computer program, line, 手機, 世界, 蘋果, 媒體, 分析, 蘋果, 科技, 媒體, 你好, 蘋果, 印表, 選取, 印表, 蘋果, 預設, 預設, 設定, 蘋果, 頁數, 全部, 新聞, 限時, 免費, 線上, 直播, 手機, 公釐, 果仁, 纸張, 大小, 方向, 縮放, 追蹤, 蘋果, 足球, 下一代, 列印, 背景, 列印, 世界, 隱藏, 詳細, 資訊, 取消, 列印, 今日, 限時, 免費, 分享, 輸入, 關鍵字, 搜尋, 全世界, 四年, 一度, 足球, 盛事, 這次, 世界盃, 足球賽, 即將, 連續, 俄羅斯, 舉辦, 本篇, 文章, 大家, 整理, 線上, 直播, 轉播, 以及, 手機, 平板, 都能, 看得, 轉播, 頻道, 即使, 地方, 沒有, 電視, 可以, 各種, 裝置, 線上, 全世界, 足球, 一起, 欣賞, 轉播, 以及, 此篇, 計算機程序,產品設計,產品,廣告,計算機,網絡廣告,設計,網頁,品牌,計算機圖標,applealmond.com/post,posts / 33688,25,2018,LIVE,ES,BEI,RL, nics,Help,2018,UVE,03,62,210x297,A4,T.,100,t1,Safari,iPh,iPhone,Plus,1/33,POFD,iOS,Apr,Start,your,free,trial, Nessus®,發現,為什麼,1M,你的,同行,使用它,為,vuln,TM,Nessus,Professional,NP,Tenable,2.5k,訪問,網站,2018年,2018年,FIFA, 2018,14,15,32 YouTube網頁文本軟件截圖產品產品多媒體字體計算機程序行

在「紙張大小」上,可以看到「管理自定大小」,這就是製作長截圖的關鍵!

Screenshot, macOS, Macintosh, Apple, Image, Safari, Display device, LINE, Cheating in online games, IA, A3, A4, A5, B5, JIS, B5, ROC, 16K, Super, B/A3, 10, Choukei, DL, Tabloid, Tabloid, US, Letter, US, Legal, Xhtenenstzan, 2018, LIVE, 210, 297, enn9Rw, wu, 100, 1/33, PDF, text, product, software, font, screenshot, line, technology, area, number, diagram, 未選取印表機印表機, 選取, 印表, 印表, 預設, 列印, 份數, 蘋果, 預設, 設定, 開箱, 評測, 列印, 頁數, 全部, 置頂, 信封, 信封, 信封, 小報, 用紙, 小報, 用紙, 特大, 美式, 信紙, 美式, 法定, 紙張, 大小, 公釐, 手機, 方向, 盃賽, 足球, 規則, 說明, 隱藏, 詳細, 資訊, 取消, 列印, 管理, 大小, 未選取印表機印表機, 在線遊戲作弊,IA,A3,A4,A5,B5,JIS,B5,ROC,16K,超級,B / A3,10,Choukei,屏幕截圖,macOS,Macintosh,Apple,Image,Safari,Display device, DL,小報,小報,美國,信,美國,法律,Xhtenenstzan,2018,LIVE,210,297,enn9Rw,吳,100,1/33,PDF,文本,產品,軟件,字體,截圖,行,技術,區域,數字,圖表

進入「管理自訂大小」後,點「+」,並調整紙張大小;這邊的紙張大小數值都是可以隨意輸入的,所以可以輸入一個超級長的「高度」,把要擷取的網頁長度全部包含進去。完成後點「好」:

Screenshot, macOS, Macintosh, Computer program, Apple, Computer, Safari, Image, Display device, 209.9, 297.04, 6.35, 6.35, 6.35, 10, 297, 14.46, 1/33, PDF, text, software, screenshot, line, font, product, technology, area, number, computer program, 未命名紙張大小, 命名, 紙張, 大小, 公釐, 公釐, 蘋果, 不可, 列印, 區域, 使用者, 定義, 名家, 專欄, 公釐, 上方, 公釐, 左側, 公釐, 右側, 公釐, 公釐, 下方, 複製, 取消, 隱藏, 詳細, 資訊, 取消, 列印, 未命名紙張大小, 屏幕截圖,macOS,Macintosh,計算機程序,Apple,計算機,Safari,圖像,顯示設備,209.9,297.04,6.35,6.35,6.35,10,297,14.46,1 / 33,PDF,文本,軟件,字體,產品,技術,區域,數量,計算機程序

如左邊的預覽圖所示,可以看到自定義的螢幕截圖變得超長,不過即便我已經設定為 210×2970 了,這個網頁的內容還是被拆成了三頁…這時可以再回去上一個步驟調整網頁長度。

OK並確定要製作截圖後,點視窗左下角的「PDF」選單,選「以預覽程式開啟」或是「儲存為 PDF」;這邊我們以儲存為 PDF 做示範:

Screenshot, macOS, Macintosh, Apple, Image, Safari, Display device, LINE, Cheating in online games, IA, 210, 2,970, Tr, 100, Safari, 1/3, PDF, PDF, PostScript, Books, iCloud, Drive, text, product, line, software, font, area, technology, screenshot, angle, 未選取印表機印表機, 選取, 印表, 印表, 預設, 列印, 份數, 預設, 設定, 列印, 頁數, 全部, 紙張, 大小, 命名, 公釐, 方向, 縮放, 列印, 背景, 列印, 註腳, 隱藏, 詳細, 資訊, 取消, 列印, 預覽, 程式, 開啟, 儲存, 儲存, 加入, 郵件, 傳送, 透過, 訊息, 傳送, 儲存, 儲存, 網頁, 編輯, 選單, 未選取印表機印表機, 屏幕截圖,macOS,Macintosh,蘋果,圖像,Safari瀏覽器,顯示設備,LINE,作弊在線遊戲,IA,210,2,970,Tr,100,Safari,1/3,PDF,PDF,PostScript,Books,iCloud,文本,產品,行,軟件,字體,區域,技術,截圖,角度

存下來的網頁就變這樣!

Macintosh, Virtual private network, Cisco Systems VPN Client, macOS, Password, Trello, Macintosh operating systems, Client, Apple, 2018, LIVE, pdf, 13, 2018, LIVE, 2018, LIVE, 2018/6/17, 11:18, ios, Mac, iWork, iPhone, iPhone, Plus, 2018, LIVE, text, product, font, line, screenshot, area, paper, diagram, document, material, 世足賽, 線上, 直播, 轉播, 手機, 世界盃, 賽程, 節目, 足球, 規則, 說明, 蘋果, 科技, 媒體, 頁面, 搜尋, 線上, 直播, 轉播, 線上, 直播, 轉播, 手機, 世界盃, 賽程, 節目, 足球, 规则, 說明, 蘋果, 科技, 媒體, 下午, 蘋果, 新聞, 限時, 免費, 開箱, 評測, 專區, 專區, 教學, 網路, 服務, 應用, 名家, 專欄, 低調, 商城, 聯絡, 蘋果, 追蹤, 蘋果, 置頂, 下一, 下一代, 三款, 搭載, 鏡頭, 線上, 直播, 手機, 上一則, 世足賽, Macintosh,虛擬專用網絡,Cisco Systems VPN客戶端,macOS,密碼,Trello,Macintosh操作系統,客戶端,Apple,2018,LIVE,pdf,13,2018,LIVE,2018,LIVE,2018/6/17,11:18 ,ios,Mac,iWork,iPhone,iPhone,Plus,2018,LIVE,文本,產品,字體,行,截圖,區域,紙張,圖表,文檔,材料

怎麼跑版的那麼醜?

相信大家已經發現,雖然成功把整個網頁的畫面擷取下來並存成 PDF(也可以透過預覽程式另存為 JPG 等格式),但整個網頁跑版的很嚴重,要怎麼處理呢?

這時請注意 Safari 上方的網址列左方,是否有「Brand, Product design, White, Line, Angle, Material, Font, Design, Product, white, black, text, font, line, product, material, diagram, black and white, rectangle, 品牌,產品設計,白色,線,角,材料,字體,設計,產品,白色,黑色,文本,字體,線,產品,材料,圖,黑色和白色,矩形」圖示。這個是 Safari 的「閱讀器」功能,可以把網頁所有的雜亂資訊通通剔除,只留下單純的內容。但並不是每個網站都支援閱讀器的,所以如果你想列印的網站沒有閱讀器功能,那還是乖乖下載第三方外掛比較快…但如果像本站一樣有支援的話,點下去再另存 PDF,就會是格式整齊的文件!

Computer program, New media, Advertising, Multimedia, Computer, Online advertising, Web page, World Wide Web, Operating Systems, Screenshot, Blogs, Boo, Addons, Gmail, GA, GA, Pocket, Flip, it, YouTube, 3D, 104v, Analytics, 2018, LIVE, Performance, Help, iOS, Mac, iWork, 2018, LIVE, iPhone, Plus, 12, 2018, iOS, App, 6/12, Start, your, free, trial, of, Nessus®., Discover, why, 1M, of, your, peers, use, it, for, vuln., .., TM, Nessus, NP, Tenable, TM, Professional, 2.5k, Visit, Site, 2018, 2018, FIFA, 2018, 14, 15, 32, YouTube, web page, text, software, online advertising, screenshot, font, product, multimedia, media, computer program, 顯示閱讀器顯示方式一鍵翻譯蘋果仁, 顯示, 閱讀, 顯示, 方式, 翻譯, 蘋果, 股票, 蘋果, 商城, 膝蓋, 蘋果, 社團, 模型, 雜物, 出國, 娛樂, 考試, 資料, 研究, 計畫, 分析, 線上, 直播, 轉播, 手機, 世界盃, 賽程, 節目, 足球, 規則, 說明, 蘋果, 科技, 媒體, 蘋果, 科技, 媒體, 新增, 編輯, 文章, 你好, 蘋果, 蘋果, 新聞, 限時, 免費, 開箱, 評測, 專區, 專區, 教學, 網路, 服務, 應用, 名家, 專欄, 低調, 商城, 聯絡, 蘋果, 追蹤, 蘋果, 置頂, 下一, 線上, 直播, 轉播, 手機, 世界, 搭載, 鏡頭, 節目, 足球, 規則, 說明, 上一則, 蘋果, 六月, 今日, 限時, 免費, 整理, 分享, 輸入, 關鍵字, 搜尋, 全世界, 四年, 一度, 足球, 盛事, 這次, 世界盃, 足球賽, 即將, 連續, 俄羅斯, 舉辦, 本篇, 文章, 大家, 整理, 線上, 直播, 轉播, 以及, 手機, 平板, 都能, 看得, 轉播, 頻道, 即使, 地方, 沒有, 電視, 可以, 各種, 裝置, 線上, 全世界, 足球, 一起, 欣賞, 即刻, 專案, 實施, 顯示閱讀器顯示方式一鍵翻譯蘋果仁, 計算機程序,新媒體,廣告,多媒體,計算機,網絡廣告,網頁,萬維網,操作系統,截圖,博客,Boo,插件,Gmail,GA,GA,口袋,翻轉,它,YouTube,3D,104v ,分析,2018,LIVE,性能,幫助,iOS,Mac,iWork,2018,LIVE,iPhone,Plus,12,2018,iOS,應用程序,6/12,開始,免費試用Nessus®。 ,TM,專業,2.5k,訪問,網站,2018年,2018年,FIFA,發現,為什麼,1M,你的,同行,使用,它,vuln, 2018年,14日,15日,32日,YouTube,網頁,文字,軟件,網絡廣告,截圖,字體,產品,多媒體,媒體,計算機程序

按下閱讀器後的效果:

Screenshot, macOS, Computer program, Computer, Apple, Image, Safari, Cheating in online games, Display device, mposts/33688, Analytics, 2018, LIVE, ES, ise, 2018, LIVE, 2018, 2018, FIFA, 2018, 14, 15, 32, YouTube, vs, 03:00, vs, 20:00, vs, 23:00, text, software, screenshot, font, product, website, media, computer program, multimedia, angle, 分析, 分析, 線上, 手機, 世界盃, 節目, 足球, 規则, 蘋果, 科技, 媒體, 線上, 直播, 轉播, 手機, 賽程, 節目, 足球, 規則, 說明, 蘋果, 全世界, 四年, 一度, 足球, 盛事, 這次, 世界盃, 足球賽, 即將, 連續, 俄羅斯, 舉辦, 本篇, 文章, 大家, 整理, 線上, 直播, 轉播, 以及, 手機, 平板, 都能, 看得, 轉播, 頻道, 即使, 地方, 沒有, 電視, 可以, 各種, 裝置, 線上, 全世界, 足球, 一起, 欣賞, 比賽, 轉播, 直播, 資訊, 以及, 賽程, 整理, 此篇, 文章, 記得, 把這, 加入書籤, 一起, 熬夜, 觀看, 比賽, 不管, 一日, 球迷, 或是, 四年, 一次, 球迷, 每逢, 這種, 大型, 運動, 賽事, 還是, 相當, 令人, 期待, 今日, 賽程, 克羅埃西亞, 奈及利亞, 哥斯大黎加, 塞爾維亞, 德國, 墨西哥, 重大, 快訊, 愛爾達, 宣布, 世界盃, 足球賽, 期間, 轉播, 全部, 免費, 分析, 截圖macOS計算機程序計算機Apple蘋果圖像Safari瀏覽器在線遊戲作弊顯示設備mposts 33688 Analytics 2018 LIVE ES ES ise 2018 LIVE 2018 2018 FIFA 2018 14 ,15,32,YouTube,vs,03:00,vs,20:00,vs,23:00,文本,軟件,屏幕截圖,字體,產品,網站,媒體,計算機程序,多媒體,角度

另存為 PDF 的效果,非常乾淨清爽;也同樣可以用前面教的方法一樣調整紙張長寬:

Font, Brand, Line, Screenshot, 2018, LIVE, pdf, 1/2, 2018, LIVE, 2014/6/17, 11.19, 2018, LIVE, 2018, 2018, FIFA, 2018, 14, 15, 32, YouTube, vs, 03:00, vs, 20:00, VS, 23:00, 2018, text, font, product, software, line, area, screenshot, brand, media, 世足賽, 線上, 直播, 轉播, 手機, 世界盃, 賽程, 節目, 足球, 規則, 說明, 蘋果, 科技, 媒體, 頁面, 搜尋, 線上, 直播, 轉播, 下午, 線上, 直播, 轉播, 世界盃, 賽程, 節目, 足球, 規則, 說明, 全世界, 四年, 一度, 足球, 盛事, 這次, 世界盃, 足球賽, 即將, 連續, 俄羅斯, 舉辦, 本篇, 文章, 大家, 整理, 線上, 直播, 轉播, 以及, 手機, 平板, 都能, 看得, 轉播, 頻道, 即使, 地方, 沒有, 電視, 可以, 裝置, 線上, 全世界, 足球, 一起, 欣賞, 比賽, 轉播, 直播, 資訊, 以及, 賽程, 整理, 此篇, 文章, 記得, 把這, 加入, 一起, 熬夜, 觀看, 比賽, 不管, 一日, 球迷, 或是, 四年, 一次, 球迷, 每逢, 這種, 大型, 運動, 賽事, 還是, 相當, 令人, 期待, 今日, 賽程, 克羅埃西亞, 奈及利亞, 哥斯大黎加, 塞爾維亞, 德國, 墨西哥, 重大, 快訊, 轉播, 全部, 免費, 懶人, 世足賽, 字體,品牌,線,屏幕截圖,2018,LIVE,pdf,1/2,2018,LIVE,2014/6/17,11.19,2018,LIVE,2018,2018,FIFA,2018,14,15,32,YouTube, vs,03:00,vs,20:00,VS,23:00,2018,text,font,product,software,line,area,screenshot,brand,media

如果你不想用 PDF 格式保存,可以點「檔案」>「輸出」來改變格式:

Screenshot, Line, Point, Angle, Computer, Computer program, Web page, World Wide Web, Font, XN, .pdf, 1/2, 2018, LIVE, PDF, PDF, 2018, 14, 15, YouTube, Deskjet, 3520, series, 4ED39D, XP, vs, 03:00, text, font, line, screenshot, area, product, web page, number, document, angle, 預覽程式, 預覽, 程式, 編輯, 顯示, 方式, 前往, 工具, 視窗, 輔助, 說明, 使用, 剪貼板, 內容, 新增, 檔案, 打開, 打開, 最近, 使用, 檔案, 世界盃, 賽程, 節目, 足球, 規則, 說明, 蘋果, 科技, 媒體, 頁面, 關閉, 視窗, 關閉, 所選, 文件, 儲存, 複製, 重新, 命名, 移至, 輸出, 輸出, 分享, 回復, 全世界, 四年, 一度, 足球, 盛事, 這次, 球賽, 即將, 連續, 文章, 大家, 整理, 線上, 直播, 轉播, 全世界, 足球, 一起, 欣賞, 比賽, 資訊, 轉播, 頻道, 即使, 地方, 沒有, 電視, 輸入, 密碼, 相機, 輸入, 輸入, 拍攝, 螢幕, 快照, 賽程, 整理, 此篇, 文章, 記得, 把這, 比賽, 不管, 一日, 球迷, 或是, 四年, 一次, 球迷, 列印, 重大, 運動, 賽事, 還是, 相當, 令人, 期待, 今日, 賽程, 克羅埃西亞, 奈及利亞, 哥斯, 預覽程式, 屏幕截圖行點點角度計算機程序網頁萬維網字體XN PDF格式1/2 ,系列,4ED39D,XP,vs,03:00,文本,字體,行,截圖,區域,產品,網頁,編號,文件,角度

輸出時在「格式」選單中,就有 JPEG、PDF、PNG、TIFF 等主流影像格式可以選。

Line, Product design, Point, Angle, Technology, Screenshot, Design, Product, 2018, LIVE, .pdf, 12, 2018, LIVE, 2018, LIVE, 2018, FIFA, 2018, 15, 32, HEIF, JPEG, JPEG-2000, OpenEXR, PDF, PNG, Quartz, Bb, TIFF, text, line, font, area, product, technology, diagram, angle, screenshot, 世足賽, 線上, 直播, 轉播, 手機, 世界盃, 賽程, 節目, 足球, 規則, 說明, 蘋果, 科技, 媒體, 頁面, 搜尋, 線上, 直播, 轉播, 輸出, 線上, 直播, 轉播, 手機, 標記, 位置, 俄羅斯, 平板, 裝置, 盛事, 這次, 連續, 線上, 直播, 轉播, 以及, 手機, 格式, 濾鏡, 沒有, 電視, 可以, 取消, 一起, 熬夜, 觀看, 比賽, 不管, 一日, 球迷, 或是, 四年, 一次, 球迷, 每逢, 這種, 大型, 運動, 賽事, 還是, 相當, 令人, 期待, 文章, 記得, 把這, 加入, 世足賽, 線,產品設計,點,角度,技術,截圖,設計,產品,2018,LIVE,.pdf,12,2018,LIVE,2018,LIVE,2018,FIFA,2018,15,32,HEIF,JPEG,JPEG- 2000,OpenEXR,PDF,PNG,Quartz,Bb,TIFF,文本,行,字體,區域,產品,技術,圖表,角度,截圖

這就是在 Mac 上利用 Safari 製作網頁長截圖的方式!在 iPhone 上,可以用先前介紹過的 Picsew 來裁剪、拼接長截圖,用來擷取對話記錄非常好用!請見:iPhone 對話截圖神器,幫你把多張螢幕截圖拼接、打碼、加框

這篇文章 在 Mac 上製作 Safari 長截圖,免 App 免外掛製作全網頁螢幕截圖 最早出現於 蘋果仁 - 你的科技媒體