Full Page Screen Capture 線上產生網頁長擷圖,正常顯示中文內容無廣告

Full Page Screen Capture 線上產生網頁長擷圖,正常顯示中文內容無廣告

無論是電腦或行動裝置其實都有內建螢幕擷取功能,也就是透過特定的快速鍵組合就能將畫面抓下來,儲存成常見圖片格式,抓圖的功能大家應該不陌生。有時候內建的工具並不一定能滿足一些進階使用者需求,例如要拿來抓取工作上使用的圖片時就會選擇其他更專業的擷圖軟體,我個人很喜歡 Jing,但是 macOS 10.15 後只支援 64 位元應用程式,TechSmith Screenshot 將成為 Jing 的替代方案。

Screenlapse 自動網站截圖服務可設定每小時、每日、每週或每月排程

Screenlapse 自動網站截圖服務可設定每小時、每日、每週或每月排程

寫了十多年的文章,各式各樣的網路服務或軟體大概都看過,只能說大部分的需求應該都有對應的解決方案可以選擇,但有些工具就真的比較少看到有人開發,舉例來說,有定時自動偵測網頁內容有沒有發生變化並發送通知的網站監測服務,就很少看到依照排程自動擷取網頁畫面的線上工具,而接下來要介紹的這項服務可線上自動抓取網頁畫面,也能讓使用者設定要擷取的頻率或時間點。

在行動裝置查看網頁「頁庫存檔」教學,支援 Google、Bing 和百度搜尋

在行動裝置查看網頁「頁庫存檔」教學,支援 Google、Bing 和百度搜尋
Copyright : gutaper / 123RF Stock Photos

無論是 Google、Bing 或百度等搜尋引擎都會提供「網頁快照」功能,或被稱為網頁快取或網頁存檔,這個功能很方便,當網頁無法連上、或被刪除時還能看到之前的內容,有一點像是搜尋引擎幫忙備份頁面的概念,不過依照網站權重不同,庫存頻率也會不太一樣,有些網站的快照間距可能只有幾分鐘時間,但有些網站會間隔好幾天,內容新鮮度就會不同。

Screen Guru 輸入網址線上立即製作截圖,附帶 Mac 視窗和陰影效果

Screen Guru

無論你是使用電腦或行動裝置,現在都有所謂的「螢幕擷圖」功能,可透過快捷鍵快速保存當前畫面,對於用來儲存、備份內容或製作資料來說會很有用。當然你可能也有自己慣用的螢幕擷圖工具,但都沒關係,只要找個自己方便的方式即可。不過如果剛好需要製作網站縮圖,手邊又沒有適當軟體,線上工具就是最快、最簡便的解決方案,例如「Screenshot Guru」在輸入網址後就能將網站快速轉為 PNG 格式。

ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果

ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果

如果想檢查網站在世界各大城市能否正常開啟,請當地朋友幫忙協助測試是最快最準確的方法,或者以代理伺服器(Proxy)、VPN 等方式跳板到該地區的網路節點也能模擬連線效果,但這可能需要一些成本租用服務或部署環境。另一種省錢的方法是找到可在不同國家連線到某個網址並顯示連線結果的線上工具,也有助於發現難以連線或無法正常連線的問題。

Screenshot Guru 免費網站截圖工具,填入網址直接將頁面轉為 PNG 圖片

Screenshot Guru 免費網站截圖工具,填入網址直接將頁面轉為 PNG 圖片

無論你是使用 Windows 或 macOS 都有不少好用的免費螢幕擷圖軟體,例如 FastStone CaptureWinSnapPicPickJing(Mac),如果是智慧型手機或平板電腦也有內建畫面抓圖功能,相信大家有抓取過畫面的經驗,只是內建截圖工具沒辦法擷取整個網頁畫面,還是得有自動捲動網頁才行,而之前介紹過的 Web-Capture 就是一款可快速將某個網址轉為圖片輸出線上「網頁快照」服務。

Web-Capture 線上「網頁快照」服務,輸入網址完整擷取頁面轉圖片

Web-Capture 線上「網頁快照」服務,輸入網址完整擷取頁面轉圖片

現今常見的作業系統像 Windows、macOS 或行動裝置 iOS、Android 都有內建擷圖功能,而且使用上也非常簡單,Windows 直接按下鍵盤上的抓圖按鍵就會自動擷取到剪貼簿,而 Mac 則是透過 Shift-Command-3 快捷鍵拍攝螢幕快照,但有時候需要比較精確的截圖範圍就必須使用擷圖軟體達成,好消息是現在瀏覽器也都開始提供截圖功能,例如 Firefox Screenshots 或「使用 Chrome 內建工具製作網頁長截圖,擷取網站畫面免安裝下載外掛」都能擷取畫面。

網頁快照 Webpage Screenshot:快速將網頁畫面擷取、備份(Chrome 擴充功能)

網頁快照 Webpage Screenshot:快速將網頁畫面擷取、備份(Chrome 擴充功能)

這項產品已經無法使用,請搜尋其他替代方案。

有時候我們會需要把網頁擷取、抓圖下來,使用者手邊可能沒有合適的畫面擷取工具(例如  WinSnap ),會直接使用內建的抓圖按鈕,再把它貼進小畫家或其他繪圖軟體,這個作法雖然很快,卻沒辦法只擷取我們所需的部分,如果想找個簡單、易用的工具來擷取網頁畫面,本文要推薦一款擴充功能,可以快速把網頁看到的內容存成圖片。

MarkUp.io 在任何網頁裡畫重點、加入說明文字

之前介紹過 Bounce 可以對網站標記註解、提供反饋意見的線上工具,只要在輸入網址後就能產生大張的略縮圖,使用者可以透過瀏覽器在特定範圍內拉出框線、加入註解等等,對於分享資訊或溝通上相當方便。而 MarkUp.io 也是類似的工具,使用者可以在任何網頁上畫線、拉框、畫圓或箭頭、以及加入文字等等,完成後能透過鏈結分享給其他人參考。

Bounce 快速在網站標記註釋、提供意見的線上工具

Bounce

Bounce 是一個適合對網站標記註解、提供反饋意見的線上工具,對於小組討論或分享idea時相當有幫助,而且簡單簡單易用。

在網站輸入網址後會產生大張的略縮圖,使用者能夠在特定範圍內拉出框線、加入註解等等,一旦標記完成後能夠產生網址,其他人就能查看某個網站特定範圍內的註釋說明(範例),亦可透過Facebook、Twitter來分享鏈結。